Using zoom in multiple stacked images for Chrome / Safari

[colknives]

Hi all,

I have added this great plugin in one of my projects. But It slows down when trying to zoom in multiple images that is stacked with one another using z-index in chrome and safari ( My project does have about 20 images stacked on the top of one another ). I already tried this on Firefox and even IE and it's working properly. I also tried to compress all the images but it still slows down.

Any Ideas? Thanks.

[Mottie]

Hi @colknives!

Can you please share an example of this problem. It would make it easier to troubleshoot the problem. If you want, you can modify this demo.

[colknives]

Hi @Mottie

Sorry for the late reply.

Here is the link for the example of this problem.
http://jsfiddle.net/colknives/5j354atc/

[Mottie]

Hmm, that is very odd!

When I comment out, or just add display:none to 2 images (so only 10 images are visible) in the large image block, the zoom window moves without any problems (demo); but add an 11th or 12th image and the delay becomes significant.

I think this might be an issue with webkit since it is only occuring in Chrome & Safari (which I couldn't test since I don't own a mac).

I reported this issue, and hopefully it will be reviewed soon and hopefully solved.

In the mean time, I think adding a check box to show/hide the images groups might be a better idea. Or combine all the images into one.

[colknives]

Actually that's the main functionality of that demo, I just don't include the buttons for showing / hiding the images.

Thank you @Mottie and hopefully this problem will be solved.

[Mottie]

And two years later, this seems to have been resolved... whew

This demo of 12 stacked images doesn't appear to have a delay any more.