Expanding image - not even sure what to call it?

Get Started
1

I have a requirement for a large image that will allow the user to mouse over, or click, on an area of the image and see a blown up version of that part (exploded, expanded, whatever the term is). Thing is there might be 4 versions of each part so it can’t just be a simple zoom script.

Flash isn’t an option, I could use an image map and make the hot spots a link to a page with the 4 blown up images on but that’s a bit yuck (right Deathshadow?), or make a popup window (even bigger yuck) and I don’t know any scripts that allow you to mouse over an area and see a new image?

I’m on Google looking for something but if someone can point me in the right direction I’d appreciate it.

2

Interesting, it works off links, wonder if there’s a way to make the image lables real text. I don’t know how I’d position them.

I’m starting to think an image map is the only way to go.

3

Image magnifier/zoom?

http://motherrussia.polyester.se/jquery/panview/

http://jdbartlett.github.com/loupe/

4

I don’t know if this would be an option for you, but a few years ago I came across a “magnify” Java Applet.

IMHO it worked very well. The original image stayed the same dimensions, but whatever was under the draggable square “magnifying glass” area was enlarged.

I looked a bit for my files but they’re on one of my storage cds and I gave up looking. But I was able to find this http://web.cs.wpi.edu/~cs525e/s01/java/Y.html

5

Thanks for all the ideas guys, none of them are suitable unfortunately, maybe I should have been more detailed in my description of what’s needed.

Specifically it’s a large image of a vehicle chassis. When the user mouses over the engine mounts I need to show that there are four different types of engine mount, using images of each type of mount.

So it’s not a zoom function, I need to show something otehr then the image that’s actually being moused over.

6

if you don’t want to zoom in or pop-ups of any description, the only other option I can think of off the top of my head is to fade-in/fade-out the blown up version when the user mouses on/off or clicks an area of the original image. There are many fade-in/out scripts on the www or you could write your own.

7

Something like a tooltip, but with image sand text? Eg alightbox that opens on mouseover?
http://plugins.learningjquery.com/cluetip/demo/