Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Architect_Programmer_Code Réseau agricole»Architecte › Conception front-end & web › Cadre frontal › jQuery image lazy loading plugin lazyload
Vue: 4106|Répondre: 2

[Jquery] jQuery image lazy loading plugin lazyload

[Copié le lien]
Publié sur 05/04/2023 20:17:05 | | | |
Exigences : Il y a trop d’images sur la page HTML, si l’utilisateur visite pour la première fois, ce sera très lent, car il faut charger des centaines d’images, et j’ai trouvé des solutions de chargement paresseux pour le chargement paresseux d’images depuis Internet, le principe est que l’adresse src du tag img est fixée à la même adresse, puis data-xxx fixe l’adresse réelle de l’image, une fois la page chargée, parcourt toutes les tags img, et remplace l’adresse data-xxx par l’adresse src.



Adresse du plugin Lazyload :La connexion hyperlientérée est visible.

Télécharger:


lazyload-1.9.7.zip (781.69 KB, Nombre de téléchargements: 1)

Utilisez le tutoriel

Définissez l’adresse réelle de l’image dans l’attribut data-original comme suit :

Ensuite, appelez le code js comme ceci en bas du HTML :

(Fin)




Précédent:L’outil Cassowary pour les tests de stress des requêtes HTTP
Prochain:[Combat réel]. NET/C# pour obtenir les photos des détails du produit de JD.com

Articles connexes
Publié sur 05/04/2023 22:19:43 |
Apprendre à apprendre
Publié sur 22/04/2023 13:51:02 |

Apprendre à apprendre
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.
Mail To:help@itsvse.com