Denna artikel är en spegelartikel om maskinöversättning, klicka här för att hoppa till originalartikeln.

Architect_Programmer_Code Jordbruksnätverket»Arkitekt › Frontend-design och webb › Framändarram › jQuery image lazy loading lazyload plugin
Utsikt: 4106|Svar: 2

[Jquery] jQuery image lazy loading lazyload plugin

[Kopiera länk]
Publicerad på 2023-04-05 20:17:05 | | | |
Krav: Det finns för många bilder på HTML-sidan, om användaren besöker för första gången blir det väldigt långsamt eftersom det måste laddas hundratals bilder, och jag hittade några lat laddningslösningar för lat laddning av bilder från Internet, principen är att img-taggen src-adressen ställs in till samma adress, och sedan sätter data-xxx den riktiga bildadressen, när sidan laddas, går igenom alla img-taggar och ersätter data-xxx-adressen med src-adressen.



Lazyload pluginadress:Inloggningen med hyperlänken är synlig.

Ladda ned:


lazyload-1.9.7.zip (781.69 KB, Antal nedladdningar: 1)

Använd handledningen

Sätt den verkliga bildadressen i data-original-attributet enligt följande:

Anropa sedan js-koden så här längst ner i HTML:en:

(Slut)




Föregående:Cassowary-verktyget för stresstest av HTTP-förfrågningar
Nästa:[Verklig strid]. NET/C# för att få JD.com produktdetaljer bilder

Relaterade inlägg
Publicerad på 2023-04-05 22:19:43 |
Lär dig att lära dig
Publicerad på 2023-04-22 13:51:02 |

Lär dig att lära dig
Friskrivning:
All programvara, programmeringsmaterial eller artiklar som publiceras av Code Farmer Network är endast för lärande- och forskningsändamål; Ovanstående innehåll får inte användas för kommersiella eller olagliga ändamål, annars kommer användarna att bära alla konsekvenser. Informationen på denna sida kommer från internet, och upphovsrättstvister har inget med denna sida att göra. Du måste helt radera ovanstående innehåll från din dator inom 24 timmar efter nedladdning. Om du gillar programmet, vänligen stöd äkta programvara, köp registrering och få bättre äkta tjänster. Om det finns något intrång, vänligen kontakta oss via e-post.
Mail To:help@itsvse.com