Dieser Artikel ist ein Spiegelartikel der maschinellen Übersetzung, bitte klicken Sie hier, um zum Originalartikel zu springen.

Architect_Programmer_Code Landwirtschaftsnetzwerk»Architekt › Frontend-Design & Web › Frontrahmen › jQuery image lazy loading lazyload plugin
Ansehen: 4106|Antwort: 2

[Jquery] jQuery image lazy loading lazyload plugin

[Link kopieren]
Veröffentlicht am 05.04.2023 20:17:05 | | | |
Anforderungen: Es gibt zu viele Bilder auf der HTML-Seite, wenn der Nutzer sie zum ersten Mal besucht, wird es sehr langsam sein, weil Hunderte von Bildern geladen werden müssen, und ich habe einige faule Ladelösungen für das faule Laden von Bildern aus dem Internet gefunden. Das Prinzip ist, dass die IMG-Tag src-Adresse auf dieselbe Adresse gesetzt wird und dann data-xxx die echte Bildadresse festlegt, wenn die Seite geladen wird, alle img-Tags durchlaufen und die data-xxx-Adresse durch die src-Adresse ersetzen.



Lazyload Plugin-Adresse:Der Hyperlink-Login ist sichtbar.

Herunterladen:


lazyload-1.9.7.zip (781.69 KB, Anzahl der Downloads: 1)

Nutze das Tutorial

Setzen Sie die reale Bildadresse im Attribut data-original wie folgt ein:

Dann ruft man den js-Code so am unteren Ende des HTMLs auf:

(Ende)




Vorhergehend:Das Cassowary-Tool für HTTP-Anfrage-Stresstests
Nächster:[Tatsächlicher Kampf]. NET/C#, um die Produktdetails von JD.com Bilder zu bekommen

Verwandte Beiträge
Veröffentlicht am 05.04.2023 22:19:43 |
Lernen lernen
Veröffentlicht am 22.04.2023 13:51:02 |

Lernen lernen
Verzichtserklärung:
Alle von Code Farmer Network veröffentlichten Software, Programmiermaterialien oder Artikel dienen ausschließlich Lern- und Forschungszwecken; Die oben genannten Inhalte dürfen nicht für kommerzielle oder illegale Zwecke verwendet werden, andernfalls tragen die Nutzer alle Konsequenzen. Die Informationen auf dieser Seite stammen aus dem Internet, und Urheberrechtsstreitigkeiten haben nichts mit dieser Seite zu tun. Sie müssen die oben genannten Inhalte innerhalb von 24 Stunden nach dem Download vollständig von Ihrem Computer löschen. Wenn Ihnen das Programm gefällt, unterstützen Sie bitte echte Software, kaufen Sie die Registrierung und erhalten Sie bessere echte Dienstleistungen. Falls es eine Verletzung gibt, kontaktieren Sie uns bitte per E-Mail.
Mail To:help@itsvse.com