用户滚动到相应区域时再加载图片，可行吗？

Question

5

如果我不希望在用户滚动到图片位置之前从服务器下载图片，我应该捕获哪个事件？

如何实现？

- daisy

你看过LazyLoad吗？http://www.appelsiini.net/projects/lazyload - Ivan

2个回答

2

我在一个项目中使用了这个插件（懒加载），它的效果非常好。

以下是相关链接：

具体实现方法是在HTML标签中添加一个空白图片，然后将真实图片路径添加到data信息中。

<img class="lazy" src="img/grey.gif" data-original="img/example.jpg"  width="640" heigh="480">

然后在您的代码中执行以下操作：

$("img.lazy").lazyload();

- Carlos Quijano

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- php_nub_qq · Accepted Answer

现在可以在标签上使用loading属性来实现原生的延迟加载。

<!-- somewhere in the bottom of your page: -->
<img loading="lazy" src="/your-image.png"/>

支持可能是一个问题，如果你试图支持t-rex浏览器或设计设备。

#shots-fired