почему javascript не загружает все картинки? - PullRequest
Новая
       27

почему javascript не загружает все картинки?

0 голосов
/ 14 октября 2018

У меня есть этот фрагмент кода ниже ... Вы можете видеть, что я пытаюсь загрузить 9 картинок.Когда я выполняю следующий код, я получаю предупреждение только 7 раз, и консоль никогда не регистрирует «все загруженные изображения».Почему это? 

    var images = [];
    edge_topleft = new Image(); images.push(edge_topleft);
    edge_topright = new Image(); images.push(edge_topright);
    edge_bottomleft = new Image(); images.push(edge_bottomleft);
    edge_bottomright = new Image(); images.push(edge_bottomright);
    edge_cross = new Image(); images.push(edge_cross);
    block = new Image(); images.push(block);
    ice = new Image(); images.push(ice);
    way_lr = new Image(); images.push(way_lr);
    way_ud = new Image(); images.push(way_ud);


    var len = images.length;
    var counter = 0;
    [].forEach.call(images, function( img ) {
        img.addEventListener( 'load', incrementCounter, false);
    } );

    function incrementCounter() {
        counter++;
        alert(counter);
        if ( counter === len ) {
            console.log("all images loaded");
        }
    }

    edge_topleft.src = "https://dummyimage.com/10";
    edge_topright = "https://dummyimage.com/20";
    edge_bottomleft = "https://dummyimage.com/30";
    edge_bottomright.src = "https://dummyimage.com/40";
    edge_cross.src = "https://dummyimage.com/50";
    block.src = "https://dummyimage.com/60";
    ice.src = "https://dummyimage.com/70";
    way_lr.src = "https://dummyimage.com/80";
    way_ud.src = "https://dummyimage.com/90";

Вот скрипка: https://jsfiddle.net/hnoaj8bg/

Кто-нибудь, кто знает, что я делаю не так?

...