3

問題 - プロキシ サーバーによって提供されているページにいくつかの画像を表示しています。各ページに 30 枚の画像を表示しています (6 行 - 各行に 5 枚)。ここで、過負荷のため、またはプロキシ サーバーが 6 秒以内に画像 (すべての画像または一部の画像) をサーバーに送信できなかった場合のその他の問題が原因で、アンロードされた画像の URL を JavaScript を使用して他の URL に置き換えたいと考えています。最後に 30 枚の画像を表示します。

私が試したことは以下です。

objImg = new Image();
objImg.src = 'http://www.menucool.com/slider/prod/image-slider-4.jpg';

if(!objImg.complete)
  { 
     alert('image not loaded');
  }else{
     img.src = 'http://www.menucool.com/slider/prod/image-slider-4.jpg';
  }

以下のコードでも試しました。

$('img[id^="picThumbImg_"]').each(function(){
        if($(this).load()) {
            //it will display loaded image id's to console
            window.console.log($(this).attr('id'));
        }
    });

すべてのページの読み込みが遅くなるため、画像ごとにタイムアウトを設定できませんでした。

stack-overflow に関する他の同様の質問を確認しましたが、複数の画像を表示する必要があるため、完全に機能する解決策はありませんでした。続行する方法を教えてください。

4

2 に答える 2

0

すべての画像に特定のクラスを与えます。画像をループし、 .load() を使用してロードされているかどうかを確認します。以下の例...

画像の読み込みを検出する

于 2013-11-13T05:38:33.647 に答える