SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2005
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Image Change on Thumbnail Hover

    I am working on a personal portfolio site and have run into a bit of a roadblock. When I display images of previous work, I want to have a column of thumbnails on the left side of the page and when a user hovers over one I want it to load the specified full-size image on the right side of the page. Could someone point me in the right direction, whether it be a general concept or a premade script?

  2. #2
    SitePoint Addict
    Join Date
    Nov 2005
    Posts
    327
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In general, do this for the thumbnail:

    Code:
    <a href="javascript:void(null)" onmouseover="document.images['fullsize'].src='fullsize.jpg';"><img src="thumbnail.jpg" alt="whatever" border="0" /></a>
    and do this for the full size image:

    Code:
    <img name="fullsize" src="fullsize.jpg" alt="whatever" />
    If you don't want a full size image to be shown initially, put a transparent GIF there.

  3. #3
    SitePoint Enthusiast
    Join Date
    Nov 2005
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks!


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
  •