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庫

回答

相關問題