Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
我有一长串<div>s 包含<img />s 的 s ,我不希望页面因加载所有图像而变慢。
<div>
<img />
所以,现在,我有data-src属性中所有图像的 url 和src为空。
data-src
src
如何加载图像,将内容移动data-src到src当 div 或 img 使用 javascript / jquery 在视口中可见时,
通过在视口中可见,我的意思是当用户滚动到这些图像时。
所有图像都在 div 中,它们位于垂直列表中。
您可以在 jQuery 中使用延迟加载插件。我认为它最适合您
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件。它延迟了长网页中图像的加载。
看这里