Strange pre-load of the large image?

Permalink 1 user found helpful
When my page is loaded, the plugin seems to quickly load the large image and then hide it. Anybody else who have seen this?
http://bit.ly/jKmamd

Could be a conflict based on using the same names, but I'll let you know when/if I find the error.

View Replies:
okapi replied on at Permalink Reply
okapi
I'm experiencing exactly the same problem, but only with Internet Explorer (v.6-9).
Actually i wonder why this hasn't been discussed earlier, since this is a very annoying side effect.
I'm not too familiar with javascript, so the only workaround for me is to put the zoom image thumbnail into a css-styled div container (via design), give it exactly the same height and width of the thumbnail and set overflow:hidden.
Of course this is not a very elegant solution, so i would love to know Remo's opinion about the phenomenon that this addon displays the full-size image for a fraction of a second in IE, each time the page is loaded.

Michael
Remo replied on at Permalink Reply
Remo
Hi Michael,

this quite likely happens because the JavaScript (was with mostly all jQuery scripts) are executed after the page has been loaded $(document).ready

It therefore happens with all kinds of jQuery scripts that the page looks different until the page load process has been finished. Depending on the amount of data you want to load, the effect can differ of course. In the case of a big picture, things look probably worse than with most scripts.

Adding some inline styles to cut off the big picture should work..
There aren't many other solutions, I'd say it's the best idea to add some inline styles. I'll put this on my list..
okapi replied on at Permalink Reply
okapi
Hi Remo,
thank you so much for your quick reply!

Adding style="display:none;" on line 24 of the view.php did the trick for me. (Of course i didn't edit the view.php of the package, but a copy of the view.php placed in new folder named "zoom_image" in the "blocks" directory at the root of installation directory).

view.php line 24:
<div id="zoomImage<?php echo $bID;?>" style="display:none;">
...

UPDATE: This modification is obsolete now, since Remo has updated the code! Thanks, Remo.

Thanks again,
Michael
Remo replied on at Permalink Reply
Remo
I've updated the code.

There's one thing I'd like to mention about this fix: It's not a big deal I think but the author of zoom image probably didn't do this because a visitor without JavaScript will only see the small picture.

I assume that this isn't a big problem nowadays but it's something I'll keep in mind if I ever build a new zoom image block..
okapi replied on at Permalink Reply
okapi
Thank you very much, Remo!
I agree with you. Since this fix doesn't restrict accessibility and javascript is widely spread (98%), i actually see no problem.

Michael