javascript - 从一组文件名中预加载一堆图像，完成 50% 后执行功能

Question

嘿，我正在使用这个脚本

function preloader(images){
         var i = 0;
         imageObj = new Image();


         // start preloading
         for(i=0; i<=images.length; i++){
            imageObj.src=images[i];
            imageObj.onLoad = check(i, images.length / 2);
         };

    }

并将一堆图像传递给它进行预加载。

check() 函数是这样的

check = function(e,i){
        if( e == i ){
             run_fading_gallery(imgcode);
            $(".loading").hide();
        };
    }

但它似乎并没有起作用。

有什么想法吗？或者有什么我可以在线使用的吗？

Answer 1

问题是您只设置了 1 个 imageObj 并更改了它的源和事件处理程序。为什么不尝试为每个图像创建一个图像对象？ (在你的循环中)。

更具体地说:

function preloader(images){
         var i = 0;

         // start preloading
         for(i=0; i<=images.length; i++){
            imageObj = new Image();
            imageObj.src=images[i];
            imageObj.onLoad = check(i, images.length / 2);
         };

    }