用jquery库加载背景图像和普通图像

我在懒洋洋地把这些图片放在电脑上 到目前为止还不错，但现在我也尝试在背景图像上实现它，但是它加载的图像目前还没有为那些背景图像激活

我试着在这里这样做，但没有成功：

这是我的HTML：

我做错了什么？谢谢你们的帮助-

PS：我也在努力使滑块加载图像时变懒，现在太懒了，我的问题是：

删除滑块。从数据src中的路径：

---

您可以尝试使用新的loading=lazy image属性

像这样：

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

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

---

您还需要使用customLoader而不是默认的loader。因为这是页面的背景图像，所以阈值没有多大意义。查看示例：datasrc中的路径是CSS文件路径。以/开头表示路径相对于网站的根。参考更多信息你完全正确！明天我会给你50分，因为我还要等21个小时。您是否也知道如何正确地将旋转木马滑块固定到lazyload？不知道，抱歉。但是，如果你编辑这个问题并澄清“太慢”的含义，以及它的哪些方面太慢，你会得到更好的回答-图像旋转速度，显示图像的初始时间，滚动到视图后的加载时间。。。记住，慢是一个相对的概念。我看了你的网页，看不出你指的是什么问题

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

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

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

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