search

jerryluk / jquery-lazyload

Delays loading of images until the images are visible
13 stars 1 forks source link

First image flickers in Chrome #2

Open andypillip opened 12 years ago

andypillip commented 12 years ago

Hei hei. Thanks for the great work.

But: I found an issue in Chrome (and Chromium).

The first image is sometimes showing another one during scrolling — it blinks.

Please see http://youtu.be/ur9SuA-iZNs for a demonstration.

Thanks

jerryluk commented 12 years ago

Thanks for reporting. I m going to look into it although I have been using it on Chrome and I haven't seen such issue. If you have any clue, please let me know!

andypillip commented 12 years ago

Thanks. I took the video on this site: http://www.design-direction.de/2011/corporate-design/reimann-investors.html

andypillip commented 12 years ago

Apparently it's a webkit issue, we see the same effect in Safari on Mac OS.

andypillip commented 12 years ago

This are the conditions:

Setting the img to display: block solves the problem.

jerryluk commented 12 years ago

Can you use display: inline-block?