jQuery图片延时加载插件lyz.delayLoading.js

所属分类：UI-加载

36951 365 查看评论 (18)

分享到微信朋友圈

查看演示立即下载

插件描述：Jquery 延时加载图片

页面延时加载图片，就是滑动滚动条的时候显示下面的内容，刚开始只加载可视区域

参数说明

$(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) { }       // 加载图片失败后的回调函数(默认：不执行任何操作)
	});
});

jQuery拖拽插件Tdrag

jQuery扫雷游戏