[ACCEPTED]-how to zoom in an image using jquery-zooming
They don't zoom in, what is really happening 13 is that when you click the Zoom text, the 12 image inside the div is replaced by a larger 11 version of that image. And overflow is set 10 to hidden.
I'll try to create up a simple example 5 for you.
Sorry took a while but here it 4 is:
You will need to adjust the thumbnail 3 and full-sized image width and height accordingly. But 2 simply copy paste the above to see an example 1 of an image hosted on imageshack.
The gzoom, miniZoomPan, WarpZoom, and Image 5 Detail plugins all make this sort of thing 4 easy. You can find them all here:
There are 3 probably others too.
Hope that helps!
EDIT: There 2 are several more listed on a previous question 1 called What’s the best jQuery product zoom plugin?
What you need is not just plain zooming. But 5 a zoom and pan function within a fixed viewport. The 4 website you gave probably code it from scratch. I 3 found one for you which is not exactly the 2 same, but you might want totake a look here.
Meanwhile, I'm 1 eager to see what Sbm007's example.
Asos.com coded theirs from scratch, see 1 how with Firebug: http://www.asos.com/assets/asosCom/js/libs/asos.js.utils.productpage.js
Hey amir I am adding one tutorial link and 5 it's proper solution for your search, try 4 tutorial from following link, it will also 3 help you for zoom in image in 3 other different 2 ways...
i had tried this and it's working 1 fine.
More Related questions