asp.net Jquery圖片消極式載入

在電子商務網站中，由於網站圖片請求數過多，導致首頁載入速度較慢，通過圖片消極式載入機制，讓使用者訪問頁面的時候，只載入當前螢幕所見內容的圖片，從而減少使用者請求數量，提升使用者體驗。

 使用步驟：

1.引入Jquery類庫和消極式載入類庫:http://files.cnblogs.com/ywqu/Jquery%E5%BB%B6%E8%BF%9F%E5%8A%A0%E8%BD%BD.rar

 

2.首先給圖片img加屬性original，並對其賦值為圖片路徑

3.在頁面加以下代碼

    <script language="javascript" type="text/javascript">
        $(function () {
            $("img[original]").lazyload({
                placeholder: "../Images/Default/grey.gif",
                effect: "fadeIn"
            });
        });

    </script>

4.最終效果