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

发布于 2024-10-24 02:24:17 字数 673 浏览 1 评论 0原文

大家好,我的图像预加载器 jquery 代码在 setInterval 上有一个错误,如果您有任何其他配合来实现此目的,请帮助,我想隐藏 div image-box 中的所有图像以及当文档完全加载时fadeIn 图像 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++;
    };

Hi everybody i have an error in my image preloader jquery code on setInterval please help if you have any other mated to achieve this, i want to hide all images within div image-box and when document is fully loaded fadeIn images 1 after 1, below is my code


    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++;
    };

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

相思故 2024-10-31 02:24:17

在你的“load”处理程序中,“int”变量不应该用 var 声明:(

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

而且“int”可能不是最好的变量名,因为它可能会在 C/查看代码的 C++/Java 程序员。)

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

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

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

In your "load" handler, the "int" variable should not be declared with var:

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

(Also "int" is probably not the best variable name, as it's likely to cause minor brain seizures in C/C++/Java programmers who look at the code.)

You don't need that string version of the function call code in your "setInterval" initialization either:

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

You did not explain what the "error" is, so it's hard to provide more help than that.

桃酥萝莉 2024-10-31 02:24:17

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

try to use this plugin "myimagepreloader". Here is the link myimagepreloader

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文