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

所属分类:UI-加载

 44154  356  查看评论 (1)
分享到微信朋友圈
X
jQuery延迟加载图片插件Lazy Load XT ie兼容6

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


相关插件-加载

圆形进度条,再也不怕圆形进度条不兼容不帅气

圆形进度条原理。转化为jquery也非常方便。 原理都差不多(原创)
  加载
 90070  430

jquery实现图片预加载

jquery实现图片预加载
  加载
 50910  446

jQuery 圆型进度条

jQuery canva圆型进度条,可通参数快速修改进度条
  加载
 37302  340

jQuery步骤条step插件(原创)

一款step分步步骤条插件
  加载
 64835  401

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ??????? 0
    2017/6/12 21:51:59

    大哥我该调用什么方法啊

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复