SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot
    Join Date
    Sep 2008
    Posts
    189
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thumgnail Hover -JQuery

    I've seen this done on websites but I cant find examples of it at the moment. But what I'm trying to do is when a thumbnail is hovered over.. i would want another image to fade in on top of that image that way I can put a magnify icon or whatever. Here is an example thats almost what I want, but on this website they have a caption instead.. I'm just trying to have an image fade in over the thumbnail instead of the title/caption

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,199
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    On the page you linked to, the caption sits under the image, which is faded on hover. So you could have anything sitting under that top image instead of the caption, such as another image.

  3. #3
    SitePoint Zealot
    Join Date
    Sep 2008
    Posts
    189
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    On the page you linked to, the caption sits under the image, which is faded on hover. So you could have anything sitting under that top image instead of the caption, such as another image.
    I saw that when I looked at the code.. and downloaded the site with SiteSucker to take a closer look at how it was done but I couldnt figure it out since all the jquery is all in 1 big custom file


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
  •