lazyload icon indicating copy to clipboard operation
lazyload copied to clipboard

Does 'lazyload' support lazyloading of background images?

Open jasomdotnet opened this issue 6 years ago • 6 comments

Does 'lazyload' support lazyloading of background images (css), like bLazy, for example? What about iframes?

jasomdotnet avatar Sep 30 '19 20:09 jasomdotnet

Yes it should;

<div class="lazyload" style="background-image: url('thumbnail.jpg')" data-src="original.jpg" />

Soetens avatar Oct 30 '19 09:10 Soetens

This works good <div class="lazyload" style="background-image: url('thumbnail.jpg')" data-original="original.jpg" />

oleksii-sirochenko avatar Dec 24 '19 15:12 oleksii-sirochenko

While original.jpg is being loaded, thumbnail.jpg becomes invisible, causing a blank space in its place. Any idea how to overcome this?

bilogic avatar Feb 11 '20 12:02 bilogic

I guess it is the way it works. Just try to decrease load time of an original image.

oleksii-sirochenko avatar Feb 14 '20 08:02 oleksii-sirochenko

这并不能实现背景图片的需求,因为他 style="background-image: url('thumbnail.jpg')"消失的太快,data-original="original.jpg" 还没加载结束,第一张图就消失了。导致第二张图的加载过程显示出来。从上到下一横一横的加载,加载表现和img标签的方式不一样,请问怎么改善

651584008 avatar Sep 24 '20 01:09 651584008

Hi, this doesnt work, what am i doing wrong? thumbnail.jpg will not be replaced at all.

slowhand11 avatar Dec 03 '20 14:12 slowhand11