来自 timthumb 源的延迟加载缩略图？答案

【问题标题】：Lazyload thumbnails from timthumb source?来自 timthumb 源的延迟加载缩略图？
【发布时间】：2014-07-08 07:55:52
【问题描述】：

我正在尝试在 for 循环和
ul id="imagesContainer" 中使用以下内容加载大约 300 多个缩略图

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 多个请求。有什么建议吗？

【问题讨论】：

标签： php jquery html lazy-loading timthumb

【解决方案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>" ;

【讨论】：