Verzögertes Laden von Bildern

Hintergrund: Manchmal müssen wir nicht alle Bilder laden, wenn wir eine Seite öffnen. Wir hoffen, sie nur zu laden, wenn die Bilder auf der Seite angezeigt werden sollen , Zu welchem ​​Bild sollen wir schieben? Es wird nur ein Bild geladen, was den Handyverkehr des Benutzers spart

Laden Sie den Code hoch

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

Einfach Legen Sie src als Bildadresse fest. src Dies ist der Stil, wenn das Bild geladen wird

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

Ist das nicht ganz einfach?

Das obige ist der detaillierte Inhalt vonVerzögertes Laden von Bildern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!