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选项)。
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com