Pre-render images

Question

У меня есть div под названием #highlights, который меняет названия статей и иллюстрации. Когда я меняю на новую иллюстрацию с помощью JQuery, как этот

$("#highlights").css("background","url("+path+")"); 

фоновый рисунок быть установлен показывает медленно в первый раз. Как я могу это исправить?

Answer 1

Вы, вероятно, хотите preload the images (любезно James):

function preload(arrayOfImages) { 
    $(arrayOfImages).each(function(){ 
     $('<img/>')[0].src = this; 
     // Alternatively you could use: 
     // (new Image()).src = this; 
    }); 
} 

// Usage: 

preload([ 
    'img/imageName.jpg', 
    'img/anotherOne.jpg', 
    'img/blahblahblah.jpg' 
]);