1、先裝Jquery,,將以下的程式碼放到<head></head>中間。
註:這個Jquery的程式是放在 google ajax lib中的,如果有自己的網頁空間,可以下載後放在自己的空間中,方便管理。
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
2、下載Lazyload的js檔,放在網頁空間中。再把下面的程式碼放到<head></head>中間。
<script src='lazyload.js在網路上的位址'></script>
3、最後同樣在中加入以下程式碼.
<script>$("img").lazyload( { effect : "fadeIn" } );</script>
ps:原本的預設是show,就是直接顯示,加上effect:」fadein」就會有淡入的效果。,在jQuary說明文件中有其他特效的說明。
4、完工。
參考資料:
不連續×思考斷×面解構
最終邪惡狂想
沒有留言:
張貼留言
1、歡迎留言討論。
2、請勿發表不當訊息。
3、請勿張貼廣告。