Comment puis-je précharger efficacement des images avec jQuery ?

Préchargement efficace des images avec jQuery

Si vous recherchez une approche rationalisée pour précharger des images à l'aide de JavaScript avec jQuery, envisagez les solutions suivantes :

Méthode simple et rapide

Pour un approche légère et simple, essayez cette fonction :

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

Utilisation :

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

Plugin jQuery

Si vous préférez une approche basée sur un plugin solution :

$.fn.preload = function() {
    this.each(function(){
        $('<img/>')[0].src = this;
    });
}

Utilisation :

$(['img1.jpg','img2.jpg','img3.jpg']).preload();

Ces méthodes offrent un moyen rapide, facile et efficace de précharger des images dans jQuery.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!