Jquery Zoom [Support thread]

[khopek]

Gotcha. Mine when it was working and you hovered over an additional image would create this huge white box overlaying the product page then have an image inside of it.

[quick1]

hello, i get a problem with additional image hover
i set small image size 30x30, medium image 200x200,
when mouse over additional iamge, the image in main product position replaced by additional image with size 200x200, but its image quality keeps 30x30.

here's a photo to explain the problem

and i compare the html source between my site and other correct site (both sites use image handler), i found the following difference:

MY SITE

<a class="jqzoomAdditional jqlightbox" href="images/product_01.jpg">
<img width="30" height="30" title="product" alt="product"
src="http://www.site.com/bmz_cache/1/11ab1c11f8d9e112f54g2451abc0123a.image.30x30.jpg"/>
</a>

<noscript>
<a href="http://www.site.com/index.php?

main_page=popup_image_additional&amp;pID=20&amp;pic=0&amp;products_image_large_a dditional=images/product_01.jpg" target="_blank">
<img src="http://www.site.com/bmz_cache/1/11ab1c11f8d9e112f54g2451abc0123a.image.30x30.jpg" alt="product" title=" product" width="30" height="30" /><br />
<span class="imgLinkAdditional">larger image</span>
</a>
</noscript>

OTHER CORRECT SITE

<a class="jqzoomAdditional jqlightbox" href="images/product_01.jpg">
<img width="30" height="30" title="product" alt="product"
src="http://www.site.com/bmz_cache/1/11ab1c11f8d9e112f54g2451abc0123a.image.200x200.jpg"/>
</a>

<noscript>
<a href="http://www.site.com/index.php?

main_page=popup_image_additional&amp;pID=20&amp;pic=0&amp;products_image_large_a dditional=images/product_01.jpg" target="_blank">
<img src="images/product_01.jpg" alt="product" title=" product" width="30" height="30" /><br />
<span class="imgLinkAdditional">larger image</span>
</a>
</noscript>

what do i fix the problem?

[steveyork136]

really like this mod.

is it possible just to get the additonal image to swop back into the same place, mine seem to swop position depending on which thumb you mouseover, makes it a bit confusing.

[belabela]

Has anyone solved the problem of tiny additional images swapping into the main window and then being zoomed, resulting in them being blurry (like in the previous posts)? I too am having this problem and it's my only criticism of this brilliant module.

Someone please help!

[steveyork136]

I'm having same problem with image handler and this mod.

Sorry of this is obvious, I'm just trying to help find a fix and I'm hopeless at Javascript

On the additional images the code reads...
<script language="javascript" type="text/javascript"><!--
document.write('<a href="bmz_cache/0/02d35d9eb7757e5375f7d42b9f963d53.image.366x550.jpg" class="jqzoomAdditional">
<img src="bmz_cache/d/dc1bd7d33000cc8a28934f3aa2fb7a6c.image.53x80.jpg" alt="Expedition Jacket" title=" Expedition Jacket " width="53" height="80" /><\/a>

It seems the jqzoom is using the src part of the image code to get the path of the main image, which is the smaller ih image (bmz_cache/d/dc1bd7d33000cc8a28934f3aa2fb7a6c.image.53x80.jpg)

Is there any way to get the code to look at another variable instead of the src, what I'm thinking is if you pass a variable to the jqzoom, maybe the correct image path inside an php variable and use that as the main image path, might that fix it?

The other option I've looked at is seperating the image swop part and the actual zoom, is there any reason they have to be connected like this?

[weber]

Has anyone solved the problem of tiny additional images swapping into the main window and then being zoomed, resulting in them being blurry (like in the previous posts)? I too am having this problem and it's my only criticism of this brilliant module.

Someone please help!

try my way, not perfect, the but ok.

show a 200x200 as thumbnail (resize to ,eg. 30x30), as 30x30 is pretty small, a little blur is just fine.