Wie lädt man Bilder in jQuery vorab: Eine schnelle und einfache Methode im Vergleich zu einem Plugin-Ansatz?

Bilder mit jQuery vorab laden

Trotz der Verfügbarkeit von jQuery-Plugins bevorzugen Sie möglicherweise eine übersichtliche und leichte Lösung zum Vorabladen von Bildern.

Schnelles und einfaches Vorladen

Für a Für einen optimierten Ansatz beachten Sie das folgende Code-Snippet:

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

Verwendung:

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

jQuery-Plugin-Ansatz

Wenn Sie ein jQuery-Plugin bevorzugen, können Sie das verwenden Folgendes:

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

Verwendung:

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

Das obige ist der detaillierte Inhalt vonWie lädt man Bilder in jQuery vorab: Eine schnelle und einfache Methode im Vergleich zu einem Plugin-Ansatz?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!