the image does not match what comes out the magnifying glass

[gazustoy]

1) Script Title: Image Power Zoomer v1.1

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/powerzoomer.htm

3) Describe problem:
once again thanks for the help, my code in the image is as follows:


<img id="zoom" src="components/com_virtuemart/shop_image/product/'.$product_full_image.'" width="70%" />


dsetting: {defaultpower:2, powerrange:[2,8], magnifiersize:[180, 180]},

to the depth of the page will add this:


var $magnifier=$('<div style="position:absolute;width:100px;height:100px;display:none;overflow:hidden;border:1px solid black; z-index:1000" />

works perfectly in firefox but in explorer (any version) does not match, as if the original image was very large, any suggestion?,
sitiodearte.com (http://sitiodearte.com/galeria/index.php?page=shop.product_details&flypage=flypage.tpl&product_id=36&category_id=24&option=com_virtuemart&Itemid=113)

thanks in advance

[jscheuer1]

It's also a problem in Opera, possibly others. I almost gave up on this one. It didn't take too long to see it was some sort of obscure conflict between jQuery and MooTools.

To make a way too long story short, update jQuery to version 1.5.2 - change this (it's in the head of the page):


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

to:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>