我正在尝试使用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.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。