このプレロードされたイメージを参照する方法

Question

このjavascriptからプリロードされたイメージをどのように参照しますか？あなたは、「プリローダー」として、ブラウザのキャッシュに依存している、あなたのコードでpreload hidden CSS images

<script language="JavaScript"> 
function preloader() 
{ 
// create object 
imageObj = new Image(); 

// set image list 
images = new Array(); 
images[0]="image1.jpg" 

imageObj.src=images[0]; 
} 
</script> 

Answer 1

マット・H.

で指摘したようにではなく、個々の画像に対して個別Imageオブジェクトを作成し、コード内の論理エラーです。 1つのオブジェクトを作成していて、そのオブジェクトのsrcを変更し続けるだけです。

function preloader() { 
    // counter 
    var i = 0; 

    // set image list 
    images = new Array(); 
    images[0] = "image1.jpg" 
    images[1] = "image2.jpg" 
    images[2] = "image3.jpg" 
    images[3] = "image4.jpg" 

    //create an array to hold all the Image objects 
    imageObjs = []; 

    // start preloading 
    for (i = 0; i <= 3; i++) { 
     var imageObj = new Image(); //create new Image object for each image 
     imageObj.src = images[i]; //set the src of new Image object to current image 
     imageObjs.push(imageObj); //add the current Image object to the array 
    } 
} 

Answer 2

：このコードは

のstackoverflowで質問から来ています。最後のimages[i]ソースのみが実際にimageObj変数に保持されます。イメージの値をsrcに設定するだけで、ブラウザのキャッシュからその値が引き出されます。

事前ロードの適切な方法は、imageObjイメージオブジェクトの配列を作成することです。まだ `.src 'で参照していますが、ブラウザキャッシュではなくJavascriptメモリにイメージオブジェクトがあります。