图片延迟加载插件【原创

来源:https://www.sucaihuo.com/js/3328.html 2017-12-22 04:30浏览(1323) 收藏

强大的图片延迟加载插件delayLoading.js解决网页要展示大量图片的问题,原理就是只有看到的图片才会被懒加载出来。
图片延迟加载插件
分类:图片代码 > 延迟加载 难易:入门级
查看演示 下载资源 下载积分: 30 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。
$("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) {
    }         // 加载图片失败后的回调函数(默认:不执行任何操作)
});
标签: 延迟加载
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/3328.html
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2