Chargement paresseux des images

Contexte : Parfois, nous n'avons pas besoin de charger toutes les images lorsque nous ouvrons une page. Nous espérons les charger uniquement lorsque les images doivent être affichées sur la page. Taobao en est un bon exemple. , vers quelle image devons-nous glisser ? Une seule image sera chargée, ce qui permet d'économiser le trafic téléphonique de l'utilisateur

Télécharger le code

@for (int i = 3; i < 22; i++)
{
    <img src="/Content/img/d.jpg" src="/Content/img/WeiXin/course/5/幻灯片@(i).JPG" />
}

Juste définir src comme adresse de l'image src C'est le style lorsque l'image est chargée

 <script src="~/Scripts/jquery.lazyload.min.js"></script>
    <script>
        $(function () {
            $(&#39;img&#39;).lazyload();
        })    
 </script>

N'est-ce pas très simple !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!