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

所属分类:UI-加载

 33123  244  查看评论 (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横向及纵向进度条插件

jQuery横向及纵向进度条插件,可控制速度,可设为递增递减进度,可繁可简,颜色尺寸随心所欲!简单使用,使用方法一应俱全。
  加载
 21953  204

js环形进度条

js环形进度条,再也不怕js了
  加载
 54128  413

纯css3制作绿色loading加载动画特效

纯css3制作绿色loading加载动画特效里面包含14款不同效果的绿色清新loading加载特效。
  加载
 39378  396

jQuery局部加载

一个页面有多个接口请求时,接口返回的速度不一样,可以将所有接口返回后分开渲染,先返回的先渲染
  加载
 13741  191

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

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

    大哥我该调用什么方法啊

    回复
取消回复