jQuery惰性-一次加载所有图像

jQuery惰性-一次加载所有图像,jquery,lazy-evaluation,Jquery,Lazy Evaluation,我正在整理一个画廊,里面有一些相当大的礼物。我认为最好在加载时显示预加载程序,并且只加载可见图像。为此,我发现jQuery很懒惰: 我遇到的问题是,所有图像似乎都是一次加载的,我有点想不通为什么!?!你可以看到我这里有什么: 非常感谢您的帮助。非常感谢。如文件所述:(根据) …Lazy在页面加载后使用延迟时间一次加载所有图像, 而不是只加载视图中的元素 因此,我认为如果你删除网站上使用的“延迟”属性(为测试而评论),所有图像将不会一次加载 您网站上的代码: $(function() {

我正在整理一个画廊,里面有一些相当大的礼物。我认为最好在加载时显示预加载程序,并且只加载可见图像。为此,我发现jQuery很懒惰:

我遇到的问题是,所有图像似乎都是一次加载的,我有点想不通为什么!?!你可以看到我这里有什么:

非常感谢您的帮助。非常感谢。

如文件所述:(根据)

…Lazy在页面加载后使用延迟时间一次加载所有图像, 而不是只加载视图中的元素

因此,我认为如果你删除网站上使用的“延迟”属性(为测试而评论),所有图像将不会一次加载

您网站上的代码:

$(function() {
    $('.lazy').lazy({

        beforeLoad: function(element) {
            var imageSrc = element.data('src');
            console.log('image "' + imageSrc + '" is about to be loaded');
        },
        scrollDirection: 'vertical',
        delay: 1000, // For testing
        effect: "fadeIn",
        effectTime: 1000,
        threshold: 0
    });
});
正确形式:

$(function() {
    $('.lazy').lazy({

        beforeLoad: function(element) {
            var imageSrc = element.data('src');
            console.log('image "' + imageSrc + '" is about to be loaded');
        },
        scrollDirection: 'vertical',
        effect: "fadeIn",
        effectTime: 1000,
        threshold: 0
    });
});

哇,太简单了!我完全错过了。非常感谢@user1549184不客气,如果这个答案有用,请投票表决。