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

插件描述:jQuery延迟加载图片插件,支持视频和其他媒体的延迟加载。
jQuery延迟加载图片插件,支持视频和其他媒体的延迟加载。
移动化,快速和可扩展的jQuery插件图像和视频与内建支持jQueryMobile框架的延迟加载。
使用方法
添加jquery.lazyloadxt.min.js:
1 | <script src="jquery.lazyloadxt.min.js"></script> |
在你更换src属性ES数据-SRC。选择添加一个占位符src和一个备用的图像:
1 2 | <img class="lazy" data-src="lazy.jpg" width="100" height="100"><noscript><img src="lazy.jpg" width="100" height="100"></noscript> |
它建议保留属性的顺序在这两个标签,这样的代码将被有效地用gzip压缩。
如果您使用后备图片,使用CSS(否则有缺陷的JavaScript浏览器将显示两个图像)隐藏第一个图像:
1 2 3 | img.lazy { display: none;} |
延迟加载插件XT在图像初始化将删除这个类(classNojs选项)。
评论