jquery - X 個の画像が存在するかどうかを確認し、それらを配列に入れます

Question

ドメインに画像が存在するかどうかをjQueryで確認してから、それらを配列に入れようとしています。私はそのコードを持っています:

jQuery(document).ready(function($) {
    var images = new Array();
    var flag = true;
    var i = 0;
    var x = 1;
    while(flag) {
        $.ajax({
            url:'http://localhost/testImages/images/picture-1-' + x + '.jpg',
            type:'HEAD',
            error: function() {
                flag = false;
                return flag;
            },
            success: function() {
                images[i] = '<?php echo $productSlug . "-1-"; ?>';
                images[i] += x + '.jpg';
                return images[i];
            }
            i++;
            x++;
        });
        alert(flag);
    }
});

ページを実行すると、読み込み料金でエラーが発生したため、Firefox を強制的に閉じる必要があります。その変数の状態を知り、false を待つアラート (フラグ) があります。while ループにコメントを付けて、イメージ名に存在しない番号に「x」を置き換えてみましたが、フラグ変数は常に true を返します。

問題は ajax コードにあると思いますが、あまり経験がありません。