注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

非常轻量的延迟加载插件jQuery Unveil

媒体 fishcity 1404浏览

延迟加载插件jQuery Unveil

 jQuery Unveil 是一款轻量的延迟加载jquery插件,支持提供用于视网膜显示设备的高分辨率图像。这个插件非常有用,它能提高长网页中图像的加载性能,因为视口以外的图像(可见部分网页)将不会被加载,直到用户滚动到它们所在的区域才会被加载显示,大大的提高了网页的打开速度与体验性。

 Query Unveil延迟加载有一些很酷的选项,如自定义效果,容器,事件或数据属性。如果你不想使用这些功能,你可以减小文件的大小,只留下必要的代码来显示图像。

使用方法:

引入核心文件

 <script src="http://ajax.useso.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 <script src="jquery.unveil.js"></script>

构建html代码,src属性的图片为加载时显示的图片,data-src为真正需要显示的图片,data-src-retina是视网膜上显示的图片

<img src="bg.png" data-src="img2.jpg" data-src-retina="img2-retina.jpg" />

初始化插件

$(document).ready(function() {
  $("img").unveil();
});

设定加载的时间,单位为毫秒,下面代码为加载时长300毫秒

$(document).ready(function() {
  $("img").unveil(300);
});

更多参数请参考实例或是官方文档。

转载请注明:jQ酷 » 非常轻量的延迟加载插件jQuery Unveil

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。