Comment précharger des images dans jQuery : une méthode simple et rapide par rapport à une approche plugin ?

Préchargement d'images avec jQuery

Malgré la disponibilité des plugins jQuery, vous préférerez peut-être une solution concise et légère pour précharger les images.

Préchargement rapide et facile

Pour un approche simplifiée, considérez l'extrait de code suivant :

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

Utilisation :

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

Approche du plugin jQuery

Si vous préférez un plugin jQuery, vous pouvez utiliser le suivants :

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

Utilisation :

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

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!