Image Thumbnail Viewer II - adding Rollover

[meep]

http://www.dynamicdrive.com/dynamici...thumbnail2.htm

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

THANKS!

[speedracer]

<a href="#" onMouseover="modifyimage('dynloadarea', 0);addfunctionhere()">image 1</a>

[meep]

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/baltim...nitureTEST.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]

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>