惰性加载不会等待单击来加载折叠上方的图像
惰性加载不会等待单击来加载折叠上方的图像
提问于 2015-12-06 09:51:35
我目前在一个图片繁重的网页上使用Lazy Load，我不希望在我点击按钮之前加载图片。延迟加载允许您使用这样的事件触发器，但我只能让它部分工作。
折叠下方的图像等待单击显示，但折叠上方的任何内容都会在最初打开页面时加载。这是无法防止的事情，还是我做错了什么？
下面是我使用的代码。
<body>
<script src="jquery.js"></script>
<script src="jquery.lazyload.js"></script>
<img src="blank.gif" class="lazy" data-original="image.png" style="height: 500px; width: 500px;">
<script>
$("img.lazy").lazyload({
event : "click",
effect : "fadeIn"
});
</script>
</body>回答 1
Stack Overflow用户
发布于 2015-12-06 19:19:18
我认为问题在于，click事件并没有绑定到html元素，例如按钮。插件无法开箱即用地处理此问题。
因此，我会使用另一个插件(例如justlazy)，它更适合您的特殊用例。
<body>
<script src="jquery.js"></script>
<script src="justlazy.js"></script>
<span data-src="default/image" data-alt="some alt text" title="some title"
class="justlazy-placeholder">
</span>
<script>
$("#someButton").click(function() {
$(".justlazy-placeholder").each(function() {
Justlazy.lazyLoad(this);
});
return false;
});
</script>
</body>
该插件的演示页面提供了许多示例。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34113078
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号