PDA

View Full Version : Button that Highlights other stuff



newbster
22 Feb 2007, 12:41 AM
So right now, my website is a navigation bar at the top with drop downs, and a biiiiig picture file with hotspots. Is it possible to have a hyperlink/button (that i can put on my drop down) that will highlight some hotspots on my picture (either by highlighting or outlining or flashing)??? I reeeaaallly need some help.


thank you sooo much!

Wickham
22 Feb 2007, 03:17 AM
It is possible to use a javascript rollover to highlight an image somewhere else. Normally javascript rollovers would change or highlight the image in the same place but it can highlight an image in a different place.

So you would have an icon or text link in your drop down menu and it would show an image somewhere else when hovered. You would probably have to have a transparent image in the other place for the normal view.

I've quickly cobbled together two files I had already - a drop down menu and a javascript rollover (the links don't work because this is just to show the principle).
http://www.wickham43.supanet.com/forumposts/moredropdownmenus.html

If you hover over the links in the Home drop down menu the transparent icons in the gray "map" change to a green icon. You should be able to position these over your map.

There may be some validation or javascript errors but as I'm not a javascript expert I'm not sure - it works though.

My dropdown menu example requires a behavior file Version 1.42.060206 csshover.htc for IE6 available from http://www.xs4all.nl/~peterned/csshover.html

PS See also item 3 here:-
http://www.wickham43.supanet.com/tutorial/imagemaps.html