javascript - Lazyload が画像を表示しないのはなぜですか?

Question

私はstackoverflowで与えられたすべての解決策を試しました。

• ウィンドウのサイズ変更後の読み込みに関する Jquery LazyLoad.js の問題
• Lazy Load は可視画像をロードしません
• jQuery LazyLoadはスクロールするまで画像をロードしません

• スクロールするまでLazyLoad画像が表示されない

  Add a width height in css 
  Add a width height in HTML 
  $(window).resize(); 
  .trigger("lazyload");
  skip_invisible:true
  failure_limit : 1000
  

代替http://luis-almeida.github.io/unveil/も試しました

しかし、問題はまだ同じです。ウィンドウのサイズを変更しない限り（またはコンソールで $(window).resize(); ）、画像は表示されません。ただし、しきい値を 300 にすると、最初の 300 ピクセルの画像が表示され、他の画像は表示されません...

最も奇妙なのは、問題が 2 つのプラグインで同じであることです。

なにか提案を？

Answer 1

画像を含むコンテンツが遅延読み込みの後に読み込まれるため、これは問題です。

setInterval関数内または の最後でlazyload を呼び出してみてくださいwindow.load。

var interval = setInterval(function(){
    $("img.lazy").lazyload();
    clearInterval(interval);
},1000);