|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| ||||||||||||||||||||||||||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Tutorialized Forums Sponsor:
|
|
|
|
#1
August 17th, 2008, 07:08 PM
|
|||
|
|||
|
Please help me with rollover magnify image
The title probably doesn't make much sense but all i'm looking to do is when my mouse goes over an image a bigger one pops up to the upper left of it. Here's a link t o exactly what i'm looking for
on-site.com/attract If you know the code or a tutorial with how to do it that would be very helpfull, i've been searching everywhere for this. I can paypal you a few dollars for your help alsono biggie.
|
|
#2
August 17th, 2008, 07:43 PM
|
|||
|
|||
|
This is the code I have now
The only problem with this is when the image pops up it in random places I just want it to be right next to the mouse cursor on the left side, also you have t o roll out of the big image in order to have it disapear I would rather it disapear after rolling out of the small one. Thanks for taking your time to read this. Hope this code below could help others as well.
<style> #container { border:1px solid #ccc; width:300px; height:200px; } </style> <script> function showImg(imgSrc,target) { document.getElementById('largeImage').src=imgSrc; document.getElementById('largeImage').style.displa y=''; document.getElementById('largeImage').parentNode.h ref=target; } </script> </head> <body> <div id="container"> <img id="id1" src="small1.gif" onMouseover="showImg('large1.jpg','(address));"> <img id="id2" src="small2.gif" onMouseover="showImg('large2.jpg','(address));"> <img id="id3" src="small3.gif" onMouseover="showImg('large3.jpg','(address));"> </div> <div id="large"> <a href=""> <img id="largeImage" src="" onMouseOut="this.style.display='none';"> </a> </div>
|
|
#3
August 18th, 2008, 04:33 PM
|
|||
|
|||
JavaScript image magnify
You could use Magic Zoom to display a larger image. It is a JavaScript tool that shows an large image to the side of a smaller image.
Alternatively, try the Magic Magnify tool which works like a magnifying glass over the image. (I can't post the URL here because I am a new user, but you will find Magic Zoom and Magic Magnify if you search on Google!).
|
|
#4
August 18th, 2008, 05:47 PM
|
|||
|
|||
|
Thanks for the reply
Quote:
I just want an image the same image to pop up, i'm not really looking to have a piece of it zoom in, just need a big image to pop up next to the small one on as rollover. But thanks for the reply again.
|
|
| Viewing: Tutorialized Forums > Web Design & Development > Javascript > Please help me with rollover magnify image |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
 |
|
|
|
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
