elevateweb / elevatezoom

1.02k stars 493 forks source link

LensWindow and ZoomWindow size problems? How can I fix this? #104

Open peppies opened 9 years ago

peppies commented 9 years ago

Greetings,

My script is currently set up to position the zoomWindow in a "DIV" element called "preview".

I would like to utilize the entire DIV element so only the image appears in there. A perfect example of what I want to do can be seen on a typical eBay listing.

If I set your script with "zoomWindowWidth" and "zoomWindowHeight" set to 400px, My div box displays a fixed 400x400px box inside the larger DIV.

I tried doing something like this as well: var previewwidth = $("div#preview").width(); // around 802px var previewheight = $("div#preview").height(); // around 615px zoomWindowWidth: previewwidth zoomWindowHeight: previewheight

This makes the zoom image fill in the entire DIV, as I wanted. Although, the LENS Window is really messed up on the thumbnail image. My maximum thumbnail size is 500x500, but the lens will expand beyond that and acts glitchy.

What can I do to make this script behave like the one on eBay?

Thanks Kind regards