jquery delayLoading.js插件的延迟加载效果和图片延迟加载

1、首页给大家介绍一下这款插件的主要用途

　　主要应用于图片的延迟加载，而且可以变换不同的延迟加载效果，适合相册图片。有做相册的可以考虑应用。

2、兼容IE7以上都兼容，其他的浏览器也兼容。所以说兼容性还是不错的。

3、插件的调用也是很简单的，看下面展示：

　　下面对调用属性的解释也都写在了代码中，可以参考换不同的风格。

<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>

下面我给大家留下演示地址及下载方式：

演示地址：http://www.landedo.com/plugs/details-179.html