0

forループ内で次を使用して、約300以上のサムネイルをロードしようとしています
ul id="imagesContainer" 

echo "<li><a href=\"$dirname$curimg\" rel='prettyPhoto[gallery2]'><img class='lazy' data-original='img.php?src=$dirname$curimg&amp;w=300&amp;zc=1' width='300' height='300' src='img.php?src=$dirname$curimg&amp;w=300&amp;zc=1' /></a></li>" ;

そして直前に</body> 

$(function() {
 $("img.lazy").lazyload({
     container: $("#imagesContainer"),
     effect : "fadeIn",
     failure_limit : 5
 });
});

私の問題は、すべての画像が最初に読み込まれ、スクロールしてすぐに読み込まれないため、ページの読み込み時に 300 以上のリクエストが発生することです。助言がありますか？

4

1 に答える 1

0

代わりに私の間違い

echo "<li><a href=\"$dirname$curimg\" rel='prettyPhoto[gallery2]'><img class='lazy' data-original='img.php?src=$dirname$curimg&amp;w=300&amp;zc=1' width='300' height='300' src='img.php?src=$dirname$curimg&amp;w=300&amp;zc=1' /></a></li>" ;

ここに動作する正しいコードがあります

echo "<li><a href=\"$dirname$curimg\" rel='prettyPhoto[gallery2]'><img class='lazy' data-original='img.php?src=$dirname$curimg&amp;w=300&amp;zc=1' width='300' height='300' /></a></li>" ;
于 2014-07-07T23:55:52.073 に答える