Large image on mouseover Javascript help needed

Discussion in 'HTML & Website Design' started by Razorz, Oct 4, 2011.

  1. #1
    Can someone hit me up with a code that makes images pop-up as larger images when I hover the mouse on the thumbnail?

    I found some codes by googling, but I need the following specific things :
    • The enlarged image should be the exact size as the original size of the image (actually all my images are not of fixed width)
    • The enlarged image should no go out of the browser scope (codes I found in google don't do this)

    Can someone please help me with this?

    Thanks.
     
    Razorz, Oct 4, 2011 IP
  2. you-me

    you-me Peon

    Messages:
    67
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Make a div with display property none and width 90%, put larger image in this div. Then use mouseover function in jquery to show that div by changing display property to block with higher z-index.
     
    you-me, Oct 4, 2011 IP
  3. propose girl

    propose girl Peon

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    go to dynamicdrive.com i m sure you will love it.
     
    propose girl, Oct 4, 2011 IP
  4. b10

    b10 Peon

    Messages:
    755
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    on the mouse over the picture you need to large picture size ?
     
    b10, Oct 5, 2011 IP