Questo articolo è un articolo speculare di traduzione automatica, clicca qui per saltare all'articolo originale.

Architect_Programmer_Code Rete Agricola»Architetto › Progettazione front-end e web › Telaio frontale › jQuery image lazy loading lazyload plugin
Vista: 4106|Risposta: 2

[Jquery] jQuery image lazy loading lazyload plugin

[Copiato link]
Pubblicato su 05/04/2023 20:17:05 | | | |
Requisiti: Ci sono troppe immagini sulla pagina HTML, se l'utente visita per la prima volta sarà molto lento, perché deve caricare centinaia di immagini, e ho trovato alcune soluzioni di caricamento pigre per il caricamento pigro di immagini da Internet, il principio è che l'indirizzo src del tag img venga impostato allo stesso indirizzo, poi data-xxx imposta l'indirizzo reale dell'immagine, quando la pagina viene caricata, attraversa tutti i tag img e sostituisce l'indirizzo data-xxx con l'indirizzo src.



Indirizzo plugin LazyLoad:Il login del link ipertestuale è visibile.

Scaricare:


lazyload-1.9.7.zip (781.69 KB, Numero di download: 1)

Usa il tutorial

Imposta l'indirizzo immagine reale nell'attributo data-original come segue:

Poi, chiama il codice js così in fondo all'HTML:

(Fine)




Precedente:Lo strumento Cassowary per il test di stress delle richieste HTTP
Prossimo:[Combattimento vero e proprio]. NET/C# per ottenere le foto dei dettagli del prodotto di JD.com

Post correlati
Pubblicato su 05/04/2023 22:19:43 |
Impara a imparare
Pubblicato su 22/04/2023 13:51:02 |

Impara a imparare
Disconoscimento:
Tutto il software, i materiali di programmazione o gli articoli pubblicati dalla Code Farmer Network sono destinati esclusivamente all'apprendimento e alla ricerca; I contenuti sopra elencati non devono essere utilizzati per scopi commerciali o illegali, altrimenti gli utenti dovranno sostenere tutte le conseguenze. Le informazioni su questo sito provengono da Internet, e le controversie sul copyright non hanno nulla a che fare con questo sito. Devi eliminare completamente i contenuti sopra elencati dal tuo computer entro 24 ore dal download. Se ti piace il programma, ti preghiamo di supportare software autentico, acquistare la registrazione e ottenere servizi autentici migliori. In caso di violazione, vi preghiamo di contattarci via email.
Mail To:help@itsvse.com