pré-charge de contrôle jQuery de l'image avant le changement attr src

Question

J'ai codé une fonction assez simple de changer le src d'une image:

var imgsDesktop = ["image1.jpg", 
         "image2.jpg", 
         "image3.jpg", 
         "image4.jpg", 
         "image5.jpg"]; 
    var imgCurrent = 0; 
    function imgSlide() { 
     $("#ImgDesktop").attr("src", imgsDesktop[imgCurrent]); 
     imgCurrent++; 
     if(imgCurrent > imgsDesktop.length) { 
      imgCurrent=0; 
     } 
    } 
    setInterval("imgSlide()", 7000); 

Mais je voudrais précharger l'image suivante avant de modifier le attr src de ImgDesktop .

Comment faire? Que se passera-t-il si l'image de préchargement prend plus de 7 secondes?

Answer 1

Vous pouvez précharger par une fonction Javascript:

function preloadImages() { 
    var imageList = [ 
     "image1.jpg", 
     "image2.jpg", 
     "image2.jpg" 
    ]; 
    for(var i = 0; i < imageList.length; i++) 
    { 
     var imageObject = new Image(); 
     imageObject.src = imageList[i]; 
    } 
}