LazyLoad延遲加載圖片的jQuery插件中文使用文檔_jquery

在頁面上圖片比較多的時候，打開一張頁面必然引起與服務器大數據量的交互。尤其是對于高清晰的圖片，占了幾百K的空間。Lazy Load 是一個用 JavaScript 編寫的 jQuery 插件. 它可以延遲加載長頁面中的圖片. 在瀏覽器可視區域外的圖片不會被載入, 直到用戶將頁面滾動到它們所在的位置. 這與圖片預加載的處理方式正好是相反的。
在包含很多大圖片長頁面中延遲加載圖片可以加快頁面加載速度. 瀏覽器將會在加載可見圖片之后即進入就緒狀態. 在某些情況下還可以幫助降低服務器負擔，這樣勢必會引起速度上質的提升。
兼容：ie6/7/8, firefox 3.5.5, opera 10.10, safari 4.0.4, chrome 3.0其中safari和chrome部分功能不支持。

Lazy Load 靈感來自 Matt Mlinac 制作的 YUI ImageLoader 工具箱. 這是演示頁面。

原文的鏈接在:http://www.appelsiini.net/projects/lazyload

現在Lazy Load的版本已經是1.8.1

下載地址: http://www.gxlcms.com/jiaoben/63757.html

實例下載:

下載聲明：
1. 注：此代碼僅供學習交流，請勿用于商業用途。
2. 注：此代碼僅供學習交流，請勿用于商業用途。
文件信息： 文件名： Lazy Load延遲加載圖片實例
文件Hash：dd3e435124e377c2da33344d442f85d1
文件大小：1.1 MB
文件上傳日期：2012 年 3 月 25 日
文件更新日期：2012 年 3 月 25 日
文件描述：在頁面上圖片比較多的時候，打開一張頁面必然引起與服務器大數據量的交互。尤其是對于高清晰的圖片，占了幾百K的空間。Lazy Load 是一個用 JavaScript 編寫的 jQuery 插件. 它可以延遲加載長頁面中的圖片. 在瀏覽器可視區域外的圖片不會被載入, 直到用戶將頁面滾動到它們所在的位置. 這與圖片預加載的處理方式正好是相反的。

怎樣使用? 下面進入正題.

Lazy Load 依賴于 jQuery. 請將下列代碼加入頁面 head 區域:

代碼如下:

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com