页面延时加载图片, 就是滑动滚动条的时候显示下面的内容,刚开始只加载可视区域
1 2 3 4 5 6 7 8 9 10 11 12 13 | $( 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) { } // 加载图片失败后的回调函数(默认:不执行任何操作) }); }); |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com