1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Javascript hover

Discussion in 'JavaScript' started by dean5000v, Jul 11, 2008.

0
  1. #1
    ok well i've done a gallery in CSS and was wondering if anyone know some JavaScript to enlarge a version of the image on mouse over ?
     
    dean5000v, Jul 11, 2008 IP
  2. anwaraa

    anwaraa Active Member

    Messages:
    167
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    90
    Digital Goods:
    2
    #2
    Quite simple: img1=cropped image, img2=original size

    <a href="#" onmouseover="document.images.example.src='img2.gif';" onmouseout="document.images.example.src='img1.gif';" ><img src="img1.gif" border="0" name="example" /></a>
    HTML:
     
    anwaraa, Jul 11, 2008 IP
  3. dean5000v

    dean5000v Peon

    Messages:
    201
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    i just want it to open a larger image within a pop window on hover without having to click on the actual link.
     
    dean5000v, Jul 11, 2008 IP
  4. anwaraa

    anwaraa Active Member

    Messages:
    167
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    90
    Digital Goods:
    2
    #4
    The onmouseover given previously and now is on hover and no clicking reqd. I think this is what you need.

    <a href="#" onmouseover="window.open ('pathToOriginalImage');">cropped image url</a>
    Code (markup):
     
    anwaraa, Jul 11, 2008 IP
  5. dean5000v

    dean5000v Peon

    Messages:
    201
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    thanks for the help so far but thats just goin to do it on a link, i mean i wont it so when you scroll over the thumbnail image it will popup with a larger version of the image.
     
    dean5000v, Jul 11, 2008 IP