【问题标题】:lazy load? / load images only when visible in viewport懒加载? / 仅在视口中可见时加载图像
【发布时间】:2013-05-12 11:12:47
【问题描述】:

我有一长串包含<img />s 的<div>s,我不希望页面因加载所有图像而变慢。

所以,现在,我拥有data-src 属性中所有图像的网址,而src 属性为空。

当 div 或 img 在 javascript / jquery 的视口中可见时,我如何加载图像,将 data-src 的内容移动到 src

在视口中可见是指当用户滚动到这些图像时。

所有图片都在 div 中,在垂直列表中。

【问题讨论】:

    标签: javascript jquery


    【解决方案1】:

    你可以在jQuery中使用延迟加载插件。我认为它最适合你

    Lazy Load 是一个用 JavaScript 编写的 jQuery 插件。它延迟加载 长网页中的图像。

    SEE HERE

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-06-21
      相关资源
      最近更新 更多