Hello

I am new to this type of javascript functionality and am just starting to look at jquery, prototype etc. So any help or guidance would be much appreciated.

I am looking for the best way to implement image zoom functionality and am keen to know which way would be the best. Which js library is best, how many divs, css etc.

What i want to accomplish is what asos currently does e.g.

http://www.asos.com/Lee/Lee-Pete-B-L...ashedBlue&sh=0

when you click on the product image it shows a more zoomed in image in the same div and allows you to drag it arround the div.

i have managed to replicate the following example using JqZoom currently:

Zoom popup to the right

But i am really trying to get the other accomplished but unable on where to start as i cannot do this using jqzoom.

Any help would be greatly appreciated.

Kind regards

Chris

Hello

Sorry if I may have been a bit vague.

I currently have a div showing a larger image when i mouse over my original image but my div showing my larger image is to the right of my original image.

I am trying to get it so when i roll over my original image the larger image is displayed on top of the original image with the div the same size as the original div but with overflow: hidden;

My current HTML is

<div id="imageContainer">

<div class="standardImage">
<img src="_assets/images/products/image1Small.jpg"
jqimg="_assets/images/products/image1Zoom.jpg" alt="Zoom Image"/>
</div>

</div>

I have tried to position the div that appears to show the larger image over the div that hold the original image but as soon as my mouse is about to move in to the larger div which is half overlayed at this point it vanishes.

Any guidance would be appreciated.

how can i put this script on vbulletin script?

Sorry joker.nyc i cannot help you there.

Does anyone have any advice on what i am trying to achieve?

Thanks

Try this, http://www.defusion.org.uk/code/java...scriptaculous/