0

我在https://bm-translations.de上延迟 加载图像到目前为止一切都很好，但现在我也尝试为背景图像实现它，但是它正在加载图像（这就是为什么目前没有为那些背景图像激活） .

我试着像这里一样做，但没有成功：http: //jquery.eisbehr.de/lazy/example_load-background-images

那是我的 HTML：

<div id="preise" class="lazybackground" data-src="./bilder/Hintergrund-rechner.png">
... text, text, text
</div>

那是我的Javascript：

//Lazyload Images with Threshold https://www.appelsiini.net/projects/lazyload
$(function() {
    $("img.lazy").lazyload({
        threshold : 400
    });
}); 

$(function() {
    $('.lazybackground').lazy();
});

我究竟做错了什么？感谢你们的帮助！:-)

PS：我也在努力让滑块加载他们的图像懒惰（现在它太懒惰了）我的问题：在水平滑块中延迟加载图像

4

2 回答 2

1

.从您的路径中删除data-src：

<div id="preise" class="lazybackground" data-src="/bilder/Hintergrund-rechner.png">
于 2017-08-13T01:40:53.707 回答
0

您可以尝试使用新的 loading="lazy" 图像属性

像这样：

<img src="https://i.picsum.photos/id/238/300/300.jpg" loading="lazy" />

在这里你可以看到浏览器支持

https://caniuse.com/#feat=loading-lazy-attr

于 2019-12-29T21:08:38.107 回答