SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Guru
    Join Date
    Apr 2007
    Posts
    690
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Mouseover to bigger image?

    How do I make it so when you put your mouse over an image it shows another image in the center of the page that is bigger version of the image you have a mouseover and then disappears when you take your mouse off it?

  2. #2
    Trash Boat mkoenig's Avatar
    Join Date
    Aug 2007
    Posts
    1,232
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think you could use a standard rollover image and just have it load the larger image.

  3. #3
    SitePoint Guru
    Join Date
    Apr 2007
    Posts
    690
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This will not work because if I do that it will use the same image. I'm wanting an additional larger image to appear. *Not in the place of the smaller image*

  4. #4
    Trash Boat mkoenig's Avatar
    Join Date
    Aug 2007
    Posts
    1,232
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Maybe i don't understand? The simple rollover image links from 1990's this is what im talking about.

    Just use that code make the rollover a large image of something new if you want?

    Here is what im talking about...

    webdevelopersnotes.com/tips/html/42.php3

  5. #5
    SitePoint Guru
    Join Date
    Apr 2007
    Posts
    690
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Right. That's not what I need as it rollovers the same image. I don't want it rollover the same image. I want it so when I put my mouse over it a completely different image appears like the lightbox. http://www.huddletogether.com/projects/lightbox/

    Except with what I want is to simply mouseover and that image appears and if you take the mouse off that image the box goes away.

  6. #6
    SitePoint Guru
    Join Date
    Sep 2006
    Posts
    731
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by wickedneat View Post
    How do I make it so when you put your mouse over an image it shows another image in the center of the page that is bigger version of the image you have a mouseover and then disappears when you take your mouse off it?
    To simplify that task, try Magnifimage
    Tab-indentation is a crime against humanity.

  7. #7
    SitePoint Enthusiast
    Join Date
    Jul 2008
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The lightbox script works great.

  8. #8
    SitePoint Guru
    Join Date
    Apr 2007
    Posts
    690
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Magnifimage script works great. However, is there another script that does this exact same thing?

  9. #9
    SitePoint Evangelist WebMachine's Avatar
    Join Date
    Jun 2007
    Location
    Ontario, Canada
    Posts
    430
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    I was wondering the same thing, because I have two rows of thumbnails and want an image to enlarge when the mouse hovers over the thumbnail, but the trouble is, the larger image covers up the other thumbnails, and makes it awkward moving to another one.

  10. #10
    SitePoint Member
    Join Date
    Jun 2008
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can this (or something similar) be accomplish whit CSS??? like z-indexing a lager version of the image may be in hover state, javascrip give mi theebie-jeebies, that's witchcraft i tell u


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
  •