SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast turkey's Avatar
    Join Date
    May 2006
    Posts
    98
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Rollover & Display Image

    I would like to display an image as a preview when someone rolls over links I have on a page. A good example of this would be when you search for templates on templatemonster. Is there a particular script for doing this? When I rollover the image on the green arrow, the bigger image in the red arrow comes up. I assume that this could probably be done with css?
    8600812810_df20c22384.jpg

    Thanks.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,168
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by turkey View Post
    I assume that this could probably be done with css?
    Yes, to some extent. For example, you could nest the image inside the parent element that is hovered, position it absolutely, and have it appear only on hovering the parent element.

  3. #3
    SitePoint Enthusiast turkey's Avatar
    Join Date
    May 2006
    Posts
    98
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Ralph! Will try it that way.

  4. #4
    Non-Member
    Join Date
    Apr 2013
    Posts
    41
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This can be achieved using JQuery and JavaScript. There is a mouseover function in it which help you achieve what you require in an attractive way


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
  •