javascript - JS: 部分的にのみ成功した画像サイズの決定

Question

JS/HTML/CSS を使用して、ユーザーが 13 種類の画像から選択できるドロップダウン メニューを備えた小さな Web アプリケーションを作成しています。オプション 1 がデフォルトです。ユーザーが別のオプションを選択すると、アプリケーションが更新され、アプリケーション内の他のオブジェクトの寸法が新しい画像の寸法に合わせて調整されます。

13 の異なる画像の画像の寸法 (高さと幅) にアクセスするために、JS ループが開始され、寸法が 2 つの配列に格納されます。

var height_array = []
var width_array = []

for (i = 1; i <= 13;i = i + 1) {
    var img = new Image();
    if (i <= 9){
        img.src = "img/rehe/RE0"+i+"/001.png";
    }
    else{
        img.src = "img/rehe/RE"+i+"/001.png";
    }
    height_array.push(img.height);
    width_array.push(img.width);
}

私が理解していないのは、ループが部分的にのみ成功し、時には配列が空であるか、部分的にしか入力されていないことです。当然、アプリケーションはすべて間違って構築されます.この場合、更新は役立ちますが、それでも面倒です.

私はこの非常に単純なアプリケーションの前バージョンをここに持っています: http://wieselundco.ch/plenum2/index.html前もって感謝します!