javascript - forループ内のjQuery()loadメソッド、エラー時に終了する方法は?

Question

サムネイルがクリックされると ajax で複数の画像をロードするコードを作成しようとしています。画像には my-image-1、my-image-2 などの名前が付けられているため、load メソッドは for ループでラップされています。i を増やして画像を読み込み、一度ループを終了したい /my-image- i.jpg が存在しないため、エラーが発生します。

function load_slides(i) {
            console.log(i);
            var url = "some-url.jpg";
            var img = $('<img />').attr('src', url).load(function(response, status, xhr) {
                    if (status == "error") {
                        console.log("Error loading");
                        return false;
                    }
                });
        }
//code below is triggered upon clicking the thumbnail
for (var i = 1;; i++) {
                    if (!load_slides(i)) break;
                    else {
                        load_slides(i);
                    }
}

上記のコードでは、エラー メッセージが表示されることはなく、ループが実行を停止することもありません。

助けてくれてありがとう、私はしばらくこれを理解しようとしてきた