PDA

View Full Version : Image Thumbnail Viewer II - adding Rollover



meep
10-20-2005, 07:35 PM
http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

How can I add an image rollover to the thumbnail images?

THANKS!

speedracer
10-20-2005, 11:51 PM
<a href="#" onMouseover="modifyimage('dynloadarea', 0);addfunctionhere()">image 1</a>

meep
10-23-2005, 03:47 AM
Thanks for your help thus far....however, I'm still having problems. When I combine 2 mouseover and 1 mouseout events for the same image, the thumbnail rollover stops working.

Please look at:

http://www.oakenshawe1021.com/baltimore_mid_century_modern_furnitureTEST.htm

When you mouse over the small pic of the chair, I want the small chair image to rollover (like the other small images do on this page) AND at the same time I want the large picture to display in the white space of the page.

I got the large image to display on the page on mouseover of the small chair pic, but now the rollover for that small chair pic doesn't work.

jscheuer1
10-23-2005, 04:37 PM
With two anchor tags (<a>) for one image, things get confusing for the browser. Replace this:


<a href="furniture_modern_seating.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image20','','images/menu_modern_seating_over.jpg',1)"><a href="furniture_modern_seating.htm" onMouseover="modifyimage('dynloadarea', 0)"><img src="images/menu_modern_seating.jpg" alt="Mid Century Modern Seating" name="Image20" width="80" height="80" border="0"></a>

with:


<a href="furniture_modern_seating.htm" onMouseOut="MM_swapImgRestore()" onMouseover="modifyimage('dynloadarea', 0);MM_swapImage('Image20','','images/menu_modern_seating_over.jpg',1)"><img src="images/menu_modern_seating.jpg" alt="Mid Century Modern Seating" name="Image20" width="80" height="80" border="0"></a>