JS-Plug-in LazyImgv1.0 Bild-Lazy-Loading-Nutzungsanalyse

Dieser Artikel stellt hauptsächlich die Verwendung des JS-Plug-ins LazyImgv1.0 für das Laden verzögerter Bilder vor und analysiert anhand von Beispielen die Vorsichtsmaßnahmen und Kernbedienungsfähigkeiten bei der Verwendung des Plug-ins LazyImgv1.0 für das Laden verzögerter Bilder Code für Leser zum Herunterladen und Nachschlagen. Freunde können sich auf

beziehen. In diesem Artikel wird die Verwendung des JS-Plug-ins „LazyImgv1.0 für die Verzögerung des Ladens von Bildern“ erläutert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Hinweis: LazyImg muss das Lazy-Data-Attribut definieren, der Attributwert ist der Bildpfad von src

JS-Datei einführen:

<script type="text/javascript" src="js/lazyImg.v1.0.js"></script>

Standardmäßig: Wenn eine Bedingung im IMG erfüllt ist, wird das Bild geladen;

1. Keine Klassenattribute

2. Wenn es ein Klassenattribut gibt und das Attribut nicht den CSS-Stilnamen mit dem Präfix „lazy-“ enthält

So verbieten Sie das Laden von Bildern standardmäßig

JS-Code:

LzDefault.action = false;

So zeigen Sie das Bild bei einem Klickereignis an

JS-Code:

LazyImg.lazy("lazy-name");

<img class="lazy-name" lazy-data="图片路径"/>

Der Name in „lazy-name“ kann angepasst werden, „lazy-“ ist das Präfix und muss vorhanden sein

DEMO :

Das obige ist der detaillierte Inhalt vonJS-Plug-in LazyImgv1.0 Bild-Lazy-Loading-Nutzungsanalyse. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!