在你的網(wǎng)頁(yè)</head>上添加一下代碼：  
 
  <SCRIPT type=text/javascript  src="{dede:global.cfg_templets_skin/}/js/jquery.lazyload.js"></SCRIPT>

<script type="text/javascript">
  jQuery(document).ready( 
      $(function() {
           $("img").lazyload({placeholder : "{dede:global.cfg_templets_skin/}/grey.gif",effect : "fadeIn",threshold : 200 });
      });
   });
  </script>



Lazy Load 這個(gè) jQuery 插件，是用來(lái)緩沖加載圖片的插件。如果一篇文章很長(zhǎng)有很多圖片的話，下載圖片就需要很多時(shí)間。而這款插件，會(huì)檢測(cè)你的滾動(dòng)情況，只有你要看到那個(gè)圖片的時(shí)候，它才會(huì)從后臺(tái)請(qǐng)求下載圖片，然后顯示出來(lái)。使用這個(gè)插件，可以在需要顯示圖片的時(shí)候，才下載圖片，所以可以減少服務(wù)器的壓力，避免不必要的資源下載。


Lazy Load原理：
把img的src里的值，存放到自定義的original屬性里，當(dāng)圖片滾動(dòng)到瀏覽器可視區(qū)域內(nèi)時(shí)，再把original里的值賦回到src里，實(shí)現(xiàn)分屏加載。