jQuery延迟加载图片插件Lazy Load XT

 查看演示  website  立即下载

jQuery延迟加载图片插件，支持视频和其他媒体的延迟加载。

移动化，快速和可扩展的jQuery插件图像和视频与内建支持jQueryMobile框架的延迟加载。

使用方法

添加jquery.lazyloadxt.min.js：

<script src="jquery.lazyloadxt.min.js"></script>

在你更换src属性ES数据-SRC。选择添加一个占位符src和一个备用的图像：

<img class="lazy" data-src="lazy.jpg" width="100" height="100">
<noscript><img src="lazy.jpg" width="100" height="100"></noscript>

它建议保留属性的顺序在这两个标签，这样的代码将被有效地用gzip压缩。

如果您使用后备图片，使用CSS（否则有缺陷的JavaScript浏览器将显示两个图像）隐藏第一个图像：

img.lazy {
  display: none;
}

延迟加载插件XT在图像初始化将删除这个类（classNojs选项）。

PREVIOUS:
NEXT:
nanoGALLERY: 轻松地实现图像廊
jQuery导航，缓慢弹出下拉效果