Il preload delle immagini era originariamente ottenuto in JavaScript creando un array dinamico di oggetti Image
. Infatti creare un'immagine nella memoria del browser significa costringere quest'ultimo a risolvere l'URL contenuto nell'attributo src
e quindi a reperirne il contenuto. In jQuery questa procedura è molto più semplice.
Possiamo creare la seguente funzione di utility che accetta come suoi argomenti gli URL delle immagini:
(function($) {
$.preloadImages = function() {
for(var i = 0; i < arguments.length; i++) {
$('<img />').attr('src', arguments[i]);
}
}
})(jQuery);
Esempio pratico:
$(document).ready(function() {
$.preloadImages('image1.jpg',' image2.jpg');
});