Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript懒散负载队列_Javascript_Jquery - Fatal编程技术网

Javascript懒散负载队列

Javascript懒散负载队列,javascript,jquery,Javascript,Jquery,我在我的项目中使用jquerylazyload插件来显示一大列小图片。这个插件真的很有用,唯一的问题是在页面加载时它会使页面/滚动/。。它一次加载所有初始(可见)图像(大约60幅大小为40x40的图像)的速度非常慢 如果它一个接一个地加载,加载之间有一个时间间隔,例如800毫秒,那将是令人惊讶的,因为我真的不需要它们立即出现。我相信这会让用户体验更舒适 不幸的是,我不太擅长Javascript。我尝试使用jquerydelay函数,但没有帮助。我真的很感激任何帮助 相关代码: $(sel

我在我的项目中使用jquerylazyload插件来显示一大列小图片。这个插件真的很有用,唯一的问题是在页面加载时它会使页面/滚动/。。它一次加载所有初始(可见)图像(大约60幅大小为40x40的图像)的速度非常慢

如果它一个接一个地加载,加载之间有一个时间间隔,例如800毫秒,那将是令人惊讶的,因为我真的不需要它们立即出现。我相信这会让用户体验更舒适

不幸的是,我不太擅长Javascript。我尝试使用jquerydelay函数,但没有帮助。我真的很感激任何帮助

相关代码:

    $(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队列