2017-08-11 8 views
0

私は画像をlazyloadingしていますhttps://bm-translations.de これまでのところとても良いですが、私は背景画像にも同様に実装しようとしましたが、それらの背景画像用)。lazyload背景画像とjqueryライブラリを使用した通常の画像

私は成功せず、ここのようにそれを実行しようとしました:私のHTMLザッツ http://jquery.eisbehr.de/lazy/example_load-background-images

:私のJavascriptのザッツ

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

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

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

何私は間違っている?あなたの助けを借りてくれてありがとう! :-)

PS:私も怠惰な自分のイメージをロードするためにスライダーを作るのに苦労しています(現在、あまりにも怠惰)それへの私の質問:Lazyloading images in horizontal slider

+0

また、デフォルトのローダーの代わりにcustomLoaderを使用することもできます。これはページの背景イメージなので、しきい値はあまり意味がありません。例を見てください:http://jquery.eisbehr.de/lazy/example_use-custom-loaders – eenagy

答えて

1

data-srcであなたのパスから.を削除します。

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

'data-src'のパスはCSSファイルのパスです。 '/'で始まるのは、パスがあなたのウェブサイトのルートからの相対パスであることを意味します。詳細はhttps://css-tricks.com/quick-reminder-about-file-paths/を参照してください –

+0

Youreは絶対に正しいです!私はまだ21時間を待たなければならないので、明日あなたに50点を与えます。カルーセルスライダーをlazyloadに正しく固定する方法も考えていますか? –

+0

いいえ、ごめんなさい。しかし、あなたがその質問を編集し、「遅すぎる」ということが何であるかを明確にすると、画像の回転速度、画像を表示する最初の時間、スクロールした後の時間が遅すぎるということを明確にします。 ..遅さは相対的な概念であることを忘れないでください。私はあなたのウェブページを見て、あなたが何を指していたのかわからなかった –