Results 1 to 4 of 4

Thread: Image Thumbnail Viewer II - adding Rollover

  1. #1
    Join Date
    Oct 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Image Thumbnail Viewer II - adding Rollover

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

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

    THANKS!

  2. #2
    Join Date
    Jan 2005
    Location
    Seattle
    Posts
    53
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

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

  3. #3
    Join Date
    Oct 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Thumbnail II - still having problems

    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.

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    With two anchor tags (<a>) for one image, things get confusing for the browser. Replace this:

    HTML Code:
    <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:

    HTML Code:
    <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>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •