Este artículo es un artículo espejo de traducción automática, por favor haga clic aquí para saltar al artículo original.

Architect_Programmer_Code Red Agrícola»Arquitecto › Diseño front-end y web › Bastidor frontal › jQuery image lazy loading lazyload plugin
Vista: 4106|Respuesta: 2

[Jquery] jQuery image lazy loading lazyload plugin

[Copiar enlace]
Publicado en 5/4/2023 20:17:05 | | | |
Requisitos: Hay demasiadas imágenes en la página HTML, si el usuario visita por primera vez, será muy lento, porque necesita cargar cientos de imágenes, y encontré algunas soluciones perezosas para cargar imágenes de forma perezosa desde Internet, el principio es que la dirección src de la etiqueta img se establece en la misma dirección, y luego data-xxx establece la dirección real de la imagen, cuando se carga la página, recorre todas las etiquetas img y reemplaza la dirección data-xxx por la dirección src.



Dirección del plugin Lazyload:El inicio de sesión del hipervínculo es visible.

Descargar:


lazyload-1.9.7.zip (781.69 KB, Número de descargas: 1)

Usa el tutorial

Establezca la dirección real de la imagen en el atributo data-original de la siguiente manera:

Luego, llama al código js así al final del HTML:

(Fin)




Anterior:La herramienta Cassowary para pruebas de estrés de solicitudes HTTP
Próximo:[Combate real]. NET/C# para obtener las imágenes de detalles del producto de JD.com

Publicaciones relacionadas
Publicado en 5/4/2023 22:19:43 |
Aprende a aprender
Publicado en 22/4/2023 13:51:02 |

Aprende a aprender
Renuncia:
Todo el software, materiales de programación o artículos publicados por Code Farmer Network son únicamente para fines de aprendizaje e investigación; El contenido anterior no se utilizará con fines comerciales o ilegales; de lo contrario, los usuarios asumirán todas las consecuencias. La información de este sitio proviene de Internet, y las disputas de derechos de autor no tienen nada que ver con este sitio. Debes eliminar completamente el contenido anterior de tu ordenador en un plazo de 24 horas desde la descarga. Si te gusta el programa, por favor apoya el software genuino, compra el registro y obtén mejores servicios genuinos. Si hay alguna infracción, por favor contáctanos por correo electrónico.
Mail To:help@itsvse.com