PDA

View Full Version : Ok, how do they achieve this on a website...



John W
01-04-2006, 11:08 PM
When you say mouseover a part of an image, somewhere else on the webpage lights up. No I havent got a link for a site that does it, but Id like to do the same on the site http://www.ourpage.co.nz/waldronville (http://) so when you mouseover on Delta Drive, and have that particular street on the map above change colour.

Thanks John in Mosgiel.

gibler
01-04-2006, 11:18 PM
Try reading this (http://www.htmlcenter.com/tutorials/tutorials.cfm/79/Javascript/)

In your case you pretty much would need 8 versions of the map area, and when the mouse is run over the link change the source of the image as desired.

bob_doe_nz
01-04-2006, 11:18 PM
I think the particular term for that is called slices I think.

Yup! e.g

http://www.smartwebby.com/web_site_design/rollover_images.asp

John W
02-04-2006, 09:21 AM
Thanks for the links, so what I need to school up on is Swap Images rather tha onmouse over? is that right?

Thanks...........John.

Greg
02-04-2006, 10:19 AM
Well if you find a link to somewhere that does it then It'd be easier to help.

Rob99
02-04-2006, 01:46 PM
Thanks for the links, so what I need to school up on is Swap Images rather tha onmouse over? is that right?

Thanks...........John.
You need to look into both, swapimage and onmouseover.

Is this kind of what you want http://silvertech.co.nz/john-w.htm

John W
02-04-2006, 05:26 PM
Sweet, thanks but what program did you use to make it up and get the code?

How many images are in there?

Thanks.......John.

Rob99
02-04-2006, 08:38 PM
Dreamweaver, 4 images