[jQuery]外掛 Lazy Load-延遲載入網頁圖片

2010-08-03

4938
0

摘要:[jQuery]外掛 Lazy Load-延遲載入網頁圖片

為了減輕server loading
圖片的顯示加上了JQuery外掛 Lazy Load
讓圖片延遲載入

瀏覽器拉到該可視範圍內
圖片才載入

前提必須有jquery

jquery-1.2.6.pack.js <<<我使用這版

接著需下載

queryLoader.js
jquery.lazyload.mini.js

塞進所用呈現的檔案內
<head>
    <title>test</title>
    <script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
    <link rel="stylesheet" href="queryLoader.css" type="text/css" />
    <script type='text/javascript' src='jquery.lazyload.mini.js'></script>
</head>

並加上
<script type="text/javascript">
$("img").lazyload({ effect: "fadeIn" });
</script>

img就是html的<img src="/images/001.gif" />

下載Lazy Load網址:http://www.appelsiini.net/projects/lazyload

參考網址:http://blog.finalevil.com/2009/10/jquery01lazy-load

JQuery外掛
Lazy Load

回首頁