php - 来自timthumb源的延迟加载缩略图？

Question

我正在尝试在 for 循环和
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 多个请求。有什么建议么？

Answer 1

我的错误而不是

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>" ;