[OK]を画像

Question

をプリロードでの私の試みは私が私がGET JSON配列

$.getJSON('/pageCall.php',{chapters:chapterNumber}, function(data) 
     { 
      chapter=data; 
      totalPages = chapter.length; 

      var options = ''; 
      $.each(chapter, function(index, array) { 
      images[index] = new Image(); 
      images[index].src = array['imageLocation']; 
}); 
}; 

にそれを実装しようとしているが、私は試してみて、使用して画像を呼び出すときに、この質問 best way to preload multiple images から画像をプリロードするための方法Cを逮捕しましたあなたが最初のスクリプトの最後の行に)を逃している

function callImage(ImageNo) 
    { 
     $('#mangaImage').attr('src', images[ImageNo]); 
    } 

Answer 1

まずウインクだと、これはchapter前提としtotalPagesは変数です既に他の場所で定義されています）、次のようになります。

これはまた、このような構造を前提としていること

$.getJSON('/pageCall.php',{chapters:chapterNumber}, function(data) { 
    chapter=data; 
    totalPages = chapter.length; 
    var options = ''; 
    $.each(chapter, function(index, array) { 
     images[index] = new Image(); 
     images[index].src = array['imageLocation']; 
    }); 
}); 

注：

[{"imageLocation": "url.jpg"},{"imageLocation": "url.jpg"}] 

を....それは違う場合、ループは異なるものになります。

---

また、どのようなあなたの配列にすることですので、あなたはそれから.srcプロパティを取得する必要があります...画像ではなく文字列です。この代わりに：

$('#mangaImage').attr('src', images[ImageNo]); 

それは次のようになります。

$('#mangaImage').attr('src', images[ImageNo].src); 

Answer 2

次のメソッドは何も表示されません。

変更

}; 

}); 

へ;） - それは、、の)が欠落し、いくつかの構文エラーを、（修正してみましょう