image quality on zoom...

[magnetik12]

1) Script Title: jQuery Image Magnify v1.11

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

3) Describe problem: I have this script working and it looks great. I did as the guide said and used the larger image in the path then stated dimensions for the thumb however when the zoom happens and the larger image opens, it loses quality. You can see here http://www.magnetikmedia.co.uk/testscript.htm It is not awful quality but the original 'large' image isn't as blurry as this.

I tried adding the 'magnifyto' class and stated the actual dimensions of the 'large' image and I thought that upon zoom it would simply just open the image but again even though the zoomed image is smaller in dimensions, the loss of quality is still there.

Can anyone advise?

[jscheuer1]

Typo missing closing " on the class name:


<p>(Click the below image to enlarge)<br><img src="images/skriball_L.png" class="magnify data-magnifyto="800" style="width:350px; height:175px" /></p>

Try:


<img src="images/skriball_L.png" class="magnify" data-magnifyto="800" style="width:350px; height:175px" />

And you might want to double check that 350x175 is proportional (I think 350x153) would be closer, and/or go to the full native width (850) with the data-magnify attribute:


<img src="images/skriball_L.png" class="magnify" data-magnifyto="850" style="width:350px; height:153px" />

The browser cache may need to be cleared and/or the page refreshed to see changes.

[magnetik12]

You are a star, I am guessing it was the unproportional dimensions that caused the issue but working good now.

Thanks!