jQuery图片延迟加载网页特效插件

时间：2014-11-28 来源：互联网

特效说明：

一款jQuery图片延迟加载网页特效插件，鼠标滚动滚轮随屏移动显示加载图片，网页图片加载优化JS代码，网页加载速度优化插件。可设置的参数很全面哦~（兼容测试：IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器）

使用方法：

1、调用CSS样式：
<link rel="stylesheet" type="text/css" href="css/style.css" />

2、调用JS插件代码：
<script src="js/jquery-1.6.js" type="text/javascript"></script>
<script src="js/lyz.delayLoading.min.js" type="text/javascript"></script>

3、添加HTML代码：
将......之间的html和js代码；放在<body></body>之间。

4、参数设置：
<script type="text/javascript">
$(function () {
   $("img").delayLoading({
       defaultImg: "images/loading.jpg",           // 预加载前显示的图片
       errorImg: "",                          // 读取图片错误时替换图片(默认：与defaultImg一样)
       imgSrcAttr: "originalSrc",           // 记录图片路径的属性(默认：originalSrc，页面img的src属性也要替换为originalSrc)
       beforehand: 0,                        // 预先提前多少像素加载图片(默认：0)
       event: "scroll",                       // 触发加载图片事件(默认：scroll)
       duration: "normal",                    // 三种预定淡出(入)速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000),默认:"normal"
       container: window,                  // 对象加载的位置容器(默认：window)
       success: function (imgObj) { },       // 加载图片成功后的回调函数(默认：不执行任何操作)
       error: function (imgObj) { }                       // 加载图片失败后的回调函数(默认：不执行任何操作)
   });
});
</script>

标签 jquery插件图片延迟加载

预览收藏分享评论