Javascript懒散负载队列
我在我的项目中使用jquerylazyload插件来显示一大列小图片。这个插件真的很有用,唯一的问题是在页面加载时它会使页面/滚动/。。它一次加载所有初始(可见)图像(大约60幅大小为40x40的图像)的速度非常慢 如果它一个接一个地加载,加载之间有一个时间间隔,例如800毫秒,那将是令人惊讶的,因为我真的不需要它们立即出现。我相信这会让用户体验更舒适 不幸的是,我不太擅长Javascript。我尝试使用jquerydelay函数,但没有帮助。我真的很感激任何帮助 相关代码:Javascript懒散负载队列,javascript,jquery,Javascript,Jquery,我在我的项目中使用jquerylazyload插件来显示一大列小图片。这个插件真的很有用,唯一的问题是在页面加载时它会使页面/滚动/。。它一次加载所有初始(可见)图像(大约60幅大小为40x40的图像)的速度非常慢 如果它一个接一个地加载,加载之间有一个时间间隔,例如800毫秒,那将是令人惊讶的,因为我真的不需要它们立即出现。我相信这会让用户体验更舒适 不幸的是,我不太擅长Javascript。我尝试使用jquerydelay函数,但没有帮助。我真的很感激任何帮助 相关代码: $(sel
$(self).one("appear", function() {
if (!this.loaded) {
$("<img />")
.bind("load", function() {
$(self)
.hide()
.attr("src", $(self).attr("data-original"))
[settings.effect](settings.effectspeed);
self.loaded = true;
})
.attr("src", $(self).attr("data-original"));
};
});
$(self).one(“出现”,函数(){
如果(!this.loaded){
$(“如果将图像上的数据原始
属性设置为其源,则可以在文档上运行类似的操作。就绪
:
$(function () {
function load_image($image) {
if (count >= $images.length) {clearInterval(timer); return false;}
$image.attr('src', $image.attr('data-origional'));
count++;
}
var $images = $('img'),
count = 0,
timer = setInterval(function () {
load_image($images.eq(count));
}, 800);
});
延迟仅适用于fx队列