我正在尝试使用lazyload来仅加载可见的图像(因为我的网站是响应式的,并且一些内容被隐藏了display：none给较小屏幕上的客户端).
基本上,lazyload工作,但只有在我滚动页面之后.
这是我正在使用的延迟加载设置,即使将阈值设置为2000px(超过整个页面高度),它仍然只在用户滚动页面后加载图像(甚至1 px).
此错误仅出现在webkit浏览器中.
$(document).ready(function () {
$("img").lazyload({threshold : "2000",effect : "fadeIn",effectspeed: 2000,});
});
解决方法
我认为它可能是阈值参数的一些不当行为,但仍然可以根据
this page手动触发加载：
<script type="text/javascript">
$(document).ready(function () {
$("img")
.lazyload({
event: "lazyload",effect: "fadeIn",effectspeed: 2000
})
.trigger("lazyload");
});
</script>
但是如果你想要准备好加载所有图像,为什么还需要lazyload呢？你可以使用$.animate.