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

插件特效
2026-07-25 23:33 5 次浏览 • 0 次下载 1.2KB
jQuery延迟加载图片插件Lazy Load XT

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选项)。


星河码客

发现和分享优质开源项目,传承互联网精神,为开发者服务。

关于本站

关于我们

隐私政策

侵权投诉

站长:IT小君

粤ICP备20043561号

2016-2046 © 星河码客

联系我们

微信/广告合作:ITcloub (备注星河码客)

免责声明:本站资源版权归原作者所有,仅供学习与交流。如有侵权,请通过「关于我们 - 侵权投诉」联系删除。

Powered by Nuxt · Deployed on Cloudflare