Loading

Load Images in Javascript

James Lerdorf

Hi,

My problem is, i have multiple images and want to load like preloader, but my problem is that i want to start load of second image after completing first one. In my current code i store all images in one array and using loop load all images( Give source of all images of array to image object) then all image start loading.

Thanks

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Senthilkumar14y ago

Hi,

You can use the javascript array to store all the images and you can load one by one to the image control....

 function preloader() 
 {
 
     // counter
     var i = 0;
 
     // create object
     imageObj = new Image();
 
     // set image list
     images = new Array();
     images[0]="image1.jpg"
     images[1]="image2.jpg"
     images[2]="image3.jpg"
     images[3]="image4.jpg"
 
     // start preloading
     for(i=0; i<=3; i++) 
     {
          imageObj.src=images[i];
     }
 
 }