Hover one image, show other images

edot · 05-16-2011, 09:46 PM

Okay, I'm a total noob. Know basic html, css and a little javascript.

I have a image. I want a function that shows other images on different places on my site when I hover different locations of my image.

Example:
I have an image with 4 areas that represtent 4 other images. Hover one area and the corresponding image shows up. And so on. The corresponding images is not the same size as the original one.

Does anyone know how to do this?

CaldwellYSR · 06-12-2011, 08:27 PM

I don't know how to do it with areas on one image. If it were me I would split that one image into 4 images and them put them together with the html and css. Then you just have to make when they hover over one image the other image shows up.

05-16-2011, 09:46 PM	#1
edot New Member Join Date: May 2011 Posts: 1	Hover one image, show other images Okay, I'm a total noob. Know basic html, css and a little javascript. I have a image. I want a function that shows other images on different places on my site when I hover different locations of my image. Example: I have an image with 4 areas that represtent 4 other images. Hover one area and the corresponding image shows up. And so on. The corresponding images is not the same size as the original one. Does anyone know how to do this?

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

06-12-2011, 08:27 PM	#2
CaldwellYSR Gold Member Join Date: Jun 2011 Location: Riverton, WY Posts: 437	I don't know how to do it with areas on one image. If it were me I would split that one image into 4 images and them put them together with the html and css. Then you just have to make when they hover over one image the other image shows up.