이미지의 지연 로딩

배경: 페이지를 열 때 모든 사진을 로드할 필요가 없는 경우가 있습니다. Taobao에서 어떤 사진을 슬라이드해야 하는지가 좋은 예입니다. 페이지를 슬라이드하면 로드되므로 사용자의 휴대폰 트래픽이 절약됩니다

코드를 업로드하세요

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

src를 이미지 주소로 설정하면 됩니다

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

아주 간단하지 않나요!

위 내용은 이미지의 지연 로딩의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!