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 Klassenattribute2. Wenn es ein Klassenattribut gibt und das Attribut nicht den CSS-Stilnamen mit dem Präfix „lazy-“ enthält
LzDefault.action = false;
LazyImg.lazy("lazy-name");
<img class="lazy-name" lazy-data="图片路径"/>
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!