2

http://www.smoothdivscroll.comレイアウト内に約 200 以上の画像を格納するサイトに取り組んでいます。

問題は、ある種の遅延読み込みを組み込む必要があることです。私が抱えている主な問題は、ビューポート内の最初の画像が src と data-original を問題なく交換することです。ただし、ビューポートの外側にあるその他のアイテムはスワップされません。元の transparent.gif がソースとして残っています。

私が使用している Lazyload ファイルは次のとおりです: http://pastebin.com/W05PiFLA

http://www.smoothdivscroll.comコードにはまったく触れていません。

ここで何ができるかは誰でも知っています。私はクライアントのためにこれに取り組んでおり、タイミングが問題になりつつあります。ありがとう！

4

1 に答える 1

0

srcchangeを使用してイベントのバインディングを切り替えてみてください。

  image.bind('load', function(){
                            image.animate({opacity:1}, 1000).css({height:'auto'});
                            callback();
                    });
  image.attr("src", image.attr("data-original"));

これの代わりに

    image.attr("src", image.attr("data-original")).bind('load', function(){
                            image.animate({opacity:1}, 1000).css({height:'auto'});
                            callback();
                    });
于 2012-08-20T14:50:11.893 に答える