javascript - 我怎样才能一个接一个地加载图像?

标签 javascript html image image-processing

我有一个网站,里面有很多图片。我希望先加载一些图片(因为用户会滚动到最后一张图片)。假设这是 html:

<img src='img1.jpg'>
<img src='img2.jpg'>
<img src='img3.jpg'>
<img src='img4.jpg'>

如何让 img3.jpgimg4.jpgimg1.jpgimg2.jpg< 之后开始加载加载?

最佳答案

我完全同意 Steve Testa 的回答 - Mike Tupola 的 jQuery 插件是所谓的“延迟加载”的最佳插件之一 - 然而,我最近偶然发现了该插件的重大改进。正如 Steve 提到的,Mike Tupola 的插件只适用于图像;幸运的是,这个插件叫做 LazyLoadAny - 它允许你延迟加载你想要的任何东西:https://github.com/emn178/jquery-lazyload-any

我最近在一个产品列表页面上使用了这个,客户没有分页但不希望它们全部立即加载 - 这是一个很好的资源并且易于使用。如果您需要进一步的解释,请询问。

关于javascript - 我怎样才能一个接一个地加载图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32785669/

相关文章:

java - 在java中翻转图像

c# - 直接从文件中读取大量bmp数据

javascript - 如何将 babel 与我的常规 AngularJs 应用程序合并

javascript - 无法在 Trent Richardson 日期时间选择器中显示图标

html - 将背景图像缩放到文本列的高度

javascript - 无法将 Canvas 转换为图像 - 服务器端

c++ - "Edge Detection"和 "Image Contours"之间的区别

javascript - 可以覆盖 fabricjs 中的边界框选择区域 - 控制选项

javascript - 难道没有标准的 jQuery 弹出菜单组件吗?

php - 在 php 中处理表单的多个输入