Question

大家好我在setInterval上的图片预加载器jquery代码中有错误请帮助，如果你有任何其他配对来实现这一点，我想隐藏 div image-box 内的所有图像以及当文档完全加载时fadeIn images 1 1之后，下面是我的代码


    var i = 0;
    var int=0;
    jQuery(window).bind("load", function() {
        var int = setInterval("loadimg(i)",300);
    });
    function loadimg() {

        var imgs = jQuery('.image-box img').length;
        if (i >= imgs ) {
            clearInterval(int);
        }
        // fadein images 1 after 1 with 0.3 seconds delay
        jQuery('.image-box img').eq(i).fadeIn({'opacity': '1', 'display': 'block'}, 300);
        jQuery('.image-box').eq(i).addClass('done');
        i++;
    };

Answer 1

在“load”处理程序中，不应使用var声明“int”变量：

jQuery(window).bind("load", function() {
    int = setInterval("loadimg(i)",300);
});

（同样“int”可能不是最好的变量名，因为它可能会导致C / C ++ / Java程序员在查看代码时出现轻微的大脑癫痫发作。）

您的“setInterval”初始化中不需要函数调用代码的字符串版本：

jQuery(window).bind("load", function() {
    int = setInterval(loadimg, 300);
});

您没有解释“错误”是什么，因此很难提供更多帮助。

Answer 2

尝试使用此插件“myimagepreloader”。这是链接myimagepreloader

setInterval上的图像预加载器jquery代码中的错误

2 个答案: