Acest articol este un articol oglindă al traducerii automate, vă rugăm să faceți clic aici pentru a sări la articolul original.

Architect_Programmer_Code Rețeaua Agricolă»Arhitect › Design front-end & web › Cadru frontal › jQuery image lazy loading lazyload plugin
Vedere: 4106|Răspunde: 2

[Jquery] jQuery image lazy loading lazyload plugin

[Copiază linkul]
Postat pe 05.04.2023 20:17:05 | | | |
Cerințe: Sunt prea multe imagini pe pagina HTML, dacă utilizatorul vizitează pentru prima dată, va fi foarte lent, pentru că trebuie să încarce sute de imagini, și am găsit unele soluții leneșe de încărcare pentru încărcarea leneșă a imaginilor de pe Internet, principiul este că adresa src a etichetei img este setată la aceeași adresă, iar apoi data-xxx setează adresa reală a imaginii, iar când pagina este încărcată, parcurge toate etichetele img și înlocuiește adresa data-xxx cu adresa src.



Adresa pluginului LazyLoad:Autentificarea cu hyperlink este vizibilă.

Descărca:


lazyload-1.9.7.zip (781.69 KB, Numărul de descărcări: 1)

Folosește tutorialul

Setează adresa reală a imaginii în atributul data-original astfel:

Apoi, numește codul js astfel, în partea de jos a HTML-ului:

(Sfârșit)




Precedent:Instrumentul Cassowary pentru testarea solicitărilor HTTP
Următor:[Luptă propriu-zisă]. NET/C# pentru a obține imaginile detaliilor produsului JD.com

Postări conexe
Postat pe 05.04.2023 22:19:43 |
Învață să înveți
Postat pe 22.04.2023 13:51:02 |

Învață să înveți
Disclaimer:
Tot software-ul, materialele de programare sau articolele publicate de Code Farmer Network sunt destinate exclusiv scopurilor de învățare și cercetare; Conținutul de mai sus nu va fi folosit în scopuri comerciale sau ilegale, altfel utilizatorii vor suporta toate consecințele. Informațiile de pe acest site provin de pe Internet, iar disputele privind drepturile de autor nu au legătură cu acest site. Trebuie să ștergi complet conținutul de mai sus de pe calculatorul tău în termen de 24 de ore de la descărcare. Dacă îți place programul, te rugăm să susții software-ul autentic, să cumperi înregistrarea și să primești servicii autentice mai bune. Dacă există vreo încălcare, vă rugăm să ne contactați prin e-mail.
Mail To:help@itsvse.com