Heim  >  Artikel  >  Web-Frontend  >  Empfohlene Kurse zu lazyload.js

Empfohlene Kurse zu lazyload.js

零下一度
零下一度Original
2017-06-11 17:43:361207Durchsuche

Haben Sie eine Frage zum verzögerten Laden von Bildern im Artikel durch lazyload.js? Ändern Sie das src-Attribut des Ziel-img-Elements in das orginal-Attribut, um das Laden des Bildes zu unterbrechen. Die Verwendung von Lazyloa muss so sein. Sie müssen ein Originalattribut hinzufügen, um auf das Originalbild zu verweisen. Dann müssen die Bilder in meinem Artikel mit regulären Ausdrücken auf der Serverseite verarbeitet werden. ! ! Warum kann Lazyloa das Bild nicht „sammeln“, bevor der Browser das Bild lädt, und verhindern, dass der Browser das Bild automatisch lädt? Hat js kein Ereignis, dass die Seite geladen wird (der HTML-Code wird geladen, aber die Ressourcen werden nicht geladen? Es scheint onreadystatechange oder so zu sein, ich habe vergessen, dass es ein solches Ereignis gibt, weiß Lazyloa nicht). , und img wird benötigt, um damit zusammenzuarbeiten, was für ein schöner Gedanke, ich weiß bereits, wie man img so ändert, warum brauchst du immer noch Lazyloa? Bitten Sie Gott um Führung!

1. Javascript – Gibt es eine Frage zum Lazyload.js Lazy Loading von Bildern im Artikel?

Einführung: Haben Sie eine Frage zum lazyload.js, das die Bilder im Artikel langsam lädt? Ändern Sie das src-Attribut des Ziel-img-Elements in das orginal-Attribut, um das Laden des Bildes zu unterbrechen. Die Verwendung von Lazyloa muss so erfolgen. Sie müssen ein Originalattribut hinzufügen, um auf das Originalbild zu verweisen. Dann muss das Bild in meinem Artikel im Dienst sein...

2. Verwendung von lazyload.js, wie man es löst, nachdem Ajax fehlgeschlagen ist

Einführung: Es ist so, meine Website basiert hauptsächlich auf Bildern, also habe ich Referenz lazyload.js und infinitescroll.js Um das Erlebnis zu erleichtern, verwendet infinitescroll.js Ajax, das beim Scrollen der Webseite automatisch den Inhalt der nächsten Seite lädt. Hier kommt das Problem, das Bild l der nächsten von Ajax geladenen Seite...

3. Ändern Sie jquery.lazyload.js, um die Seite Lazy Loading_jquery zu implementieren

Einführung: jquery.lazyload.js implementiert das verzögerte Laden von Seiten nicht wirklich. Das Implementierungsprinzip besteht darin, die src-Attribute aller img-Tags im HTML zu ersetzen, nachdem die Seite geladen wurde leer ist, speichern Sie den Anfangswert von src in einem benutzerdefinierten Attribut und laden Sie dann das Bild, wenn die Seite zur Position des img-Tags scrollt.

4. Laden Sie die überarbeitete Version von Jquery.LazyLoad.js herunter, um das Bild-Lazy-Loading-Plug-in_jquery zu implementieren

Einleitung: Ich habe schon früher auf den Spezialeffekt von Jquery.LazyLoad.js geachtet, aber er hat sich in den letzten Tagen nie als nützlich erwiesen und ich habe ihn nicht in die Praxis umgesetzt , aber es kann etwas Traffic einsparen. Es ist besonders wichtig, wie viel Traffic eingespart wird, ich habe keine Möglichkeit, es zu berechnen.

5. So verwenden Sie das JQuery-Plug-In lazyload.js, um das Laden von images_jquery zu verzögern

Einführung: lazyload .js Es handelt sich um ein JQuery-basiertes Plug-In, das zum Puffern und Laden von Bildern verwendet werden kann. Im Folgenden wird die Verwendung dieses Plug-Ins vorgestellt

6 jQuery erreicht den Bildvorladeeffekt_jquery

Einführung: Dies In diesem Artikel wird ein jQuery-Bild vorgestellt, das den Code ydxLazyLoad.js vorab lädt. Dies ist ein verzögerter Ladeeffekt für Bilder, der auf dem Plug-in ydxLazyLoad.js basiert. Interessierte Freunde können sich auf

[Verwandte Fragen und Antworten] beziehen:

Javascript – Requirejs lädt zuerst JQuery-Problem

Javascript – Gibt es ein gutes Plugin für das verzögerte Laden von Bildern? Es muss die Funktion zum Überwachen der Scrollhöhe der Seite enthalten und dann es wird geladen

Javascript - jquery lazyload.js Quellcode

angular.js - AngularJS ocLazyLoad-Problem

javascript – Wie kann das Problem eines Begrüßungsbildschirms beim Laden von Bildern mithilfe des lazyload.js-Plug-ins in der HTML5+-APP-Entwicklung gelöst werden?

Das obige ist der detaillierte Inhalt vonEmpfohlene Kurse zu lazyload.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn