Denne artikkelen er en speilartikkel om maskinoversettelse, vennligst klikk her for å hoppe til originalartikkelen.

Architect_Programmer_Code Landbruksnettverket»Arkitekt › Front-end design og web › Frontramme › jQuery image lazy loading lazyload plugin
Utsikt: 4106|Svare: 2

[Jquery] jQuery image lazy loading lazyload plugin

[Kopier lenke]
Publisert på 05.04.2023 20:17:05 | | | |
Krav: Det er for mange bilder på HTML-siden, hvis brukeren besøker for første gang, vil det være veldig tregt, fordi det må lastes hundrevis av bilder, og jeg fant noen late lasteløsninger for lat lasting av bilder fra Internett, prinsippet er at img-taggen src-adressen settes til samme adresse, og så setter data-xxx den ekte bildeadressen, når siden lastes inn, går gjennom alle img-taggene, og erstatter data-xxx-adressen med src-adressen.



Lazyload plugin-adresse:Innloggingen med hyperkoblingen er synlig.

Laste ned:


lazyload-1.9.7.zip (781.69 KB, Antall nedlastinger: 1)

Bruk veiledningen

Sett den reelle bildeadressen i data-original-attributten som følger:

Deretter kaller du js-koden slik nederst i HTML-en:

(Slutt)




Foregående:Cassowary-verktøyet for stresstesting av HTTP-forespørsler
Neste:[Faktisk kamp]. NET/C# for å få bilder av JD.com produktdetaljer

Relaterte innlegg
Publisert på 05.04.2023 22:19:43 |
Lær å lære
Publisert på 22.04.2023 13:51:02 |

Lær å lære
Ansvarsfraskrivelse:
All programvare, programmeringsmateriell eller artikler publisert av Code Farmer Network er kun for lærings- og forskningsformål; Innholdet ovenfor skal ikke brukes til kommersielle eller ulovlige formål, ellers skal brukerne bære alle konsekvenser. Informasjonen på dette nettstedet kommer fra Internett, og opphavsrettstvister har ingenting med dette nettstedet å gjøre. Du må fullstendig slette innholdet ovenfor fra datamaskinen din innen 24 timer etter nedlasting. Hvis du liker programmet, vennligst støtt ekte programvare, kjøp registrering, og få bedre ekte tjenester. Hvis det foreligger noen krenkelse, vennligst kontakt oss på e-post.
Mail To:help@itsvse.com