Echo 是一個獨立的 JavaScript 懶加載圖像的工具,快速、體積小(不足1k)和使用 HTML5 的 data- 屬性。Echo 支持 IE8+ 。
插件描述:和 Lazy Load 一樣,Echo.js 也是一個用于圖像延遲加載 JavaScript。不同的是 Lazy Load 是基于 jQuery 的插件,而 Echo.js 不依賴于 jQuery 或其他 JavaScript 庫,可獨立使用。并且 Echo.js 非常小巧,壓縮后不足 1KB。
兼容性
Echo.js 使用了 HTML5 的 date 屬性,并且需要獲取該屬性的值,所以它并不兼容 IE6、IE7。雖然 Lazy Load 也使用了 HTML5 的 date 屬性,但它獲取值的方法不一樣。
使用方法
1、引入文件
復制代碼代碼如下:
<script src="js/echo.min.js"></script>
2、HTML
復制代碼代碼如下:
<img src="images/blank.gif" style="margin: 0px; padding: 0px; line-height: 25.2px; width: 660px; overflow: hidden; clear: both;">
Echo.init({offset: 0,throttle: 0}); 參數
參數 | 說明 |
| offset | 離可視區域多少像素的圖片可以被加載 |
| throttle | 圖片延遲多少毫秒加載 |
以上內容是針對JavaScript圖像延遲加載庫Echo.js ,希望對大家有所幫助!



















