Dit artikel is een spiegelartikel van machinevertaling, klik hier om naar het oorspronkelijke artikel te gaan.

Architect_Programmer_Code Landbouwnetwerk»Architect › Front-end ontwerp & web › Voorframeframe › jQuery image lazy loading lazyload plugin
Bekijken: 4106|Antwoord: 2

[Jquery] jQuery image lazy loading lazyload plugin

[Link kopiëren]
Geplaatst op 05-04-2023 20:17:05 | | | |
Vereisten: Er staan te veel afbeeldingen op de HTML-pagina, als de gebruiker voor het eerst komt, zal het erg traag zijn omdat er honderden afbeeldingen geladen moeten worden, en ik heb enkele lazy loading oplossingen gevonden voor het lazy laden van afbeeldingen van het internet, het principe is dat het img tag src-adres op hetzelfde adres wordt gezet, en dan stelt data-xxx het echte afbeeldingsadres in, wanneer de pagina geladen is, doorloop alle img-tags en vervang het data-xxx-adres door het src-adres.



Lazyload plugin-adres:De hyperlink-login is zichtbaar.

Downloaden:


lazyload-1.9.7.zip (781.69 KB, Aantal downloads: 1)

Gebruik de tutorial

Stel het echte afbeeldingsadres in het data-original attribuut als volgt in:

Roep vervolgens de js-code aan als volgt onderaan de HTML:

(Einde)




Vorig:De Cassowary-tool voor HTTP-verzoekstresstesten
Volgend:[Echte gevechten]. NET/C# om de productdetails van JD.com te krijgen

Gerelateerde berichten
Geplaatst op 05-04-2023 22:19:43 |
Leer leren
Geplaatst op 22-04-2023 13:51:02 |

Leer leren
Disclaimer:
Alle software, programmeermaterialen of artikelen die door Code Farmer Network worden gepubliceerd, zijn uitsluitend bedoeld voor leer- en onderzoeksdoeleinden; De bovenstaande inhoud mag niet worden gebruikt voor commerciële of illegale doeleinden, anders dragen gebruikers alle gevolgen. De informatie op deze site komt van het internet, en auteursrechtconflicten hebben niets met deze site te maken. Je moet bovenstaande inhoud volledig van je computer verwijderen binnen 24 uur na het downloaden. Als je het programma leuk vindt, steun dan de echte software, koop registratie en krijg betere echte diensten. Als er sprake is van een inbreuk, neem dan contact met ons op via e-mail.
Mail To:help@itsvse.com