lazyload背景图像和正常图像与jQuery库

我懒加载图像https://bm-translations.de 到目前为止好，但现在我试图实现它的背景图像，以及它的点头加载图像（即目前没有激活对于那些背景图像）。lazyload背景图像和正常图像与jQuery库

我试图做它喜欢这里没有成功： 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(); 
});

什么我做错了吗？ Thanky为你的帮助家伙！ :-)

PS：我也努力使滑块来加载自己的形象懒（现在它太懒惰）我的问题是：Lazyloading images in horizontal slider

来源

2017-08-11 Krystian Manthey

您还需要使用customLoader而不是默认加载器。由于这是页面的背景图像，所以阈值没有多大意义。看看这个例子：http://jquery.eisbehr.de/lazy/example_use-custom-loaders – eenagy

从路径data-src删除.：

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

来源

2017-08-13 01:40:53

'data-src'中的路径是一个CSS文件路径。以“/”开头表示路径是相对于您网站的根目录的。请参阅https://css-tricks.com/quick-reminder-about-file-paths/了解更多信息 –

绝对正确！明天将给你50分，因为我还需要等21个小时才能这样做。你是否也有一个想法如何解决旋转木马滑块到lazyload正确？ –

不知道，对不起。但是，如果编辑该问题并澄清“太慢”意味着什么，以及它的哪个方面太慢，则会得到更好的响应 - 图像旋转速度，显示图像的初始时间，滚动到视图后的加载时间。等等。请记住，缓慢是一个相对的概念。我看着你的网页，看不到你指的是什么问题 –

lazyload背景图像和正常图像与jQuery库

回答

相关问题