插件描述：和 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、引入文件
1 | <script src="js/echo.min.js"></script> |
2、HTML
1 | <img src="images/blank.gif" alt="pic" data-echo="img/pic.jpg" width="640" height="480"> |
blank.gif 是一個 1 x 1 的圖片，用做默認圖片，data-echo 的屬性值是圖片的真實地址。同樣最好給圖片設置寬度和高度，或者在 CSS 中設置也可以，否則似乎很底部很底部的圖片才會延遲加載。
3、JavaScript，懶加載初始化，注意：每次使用懶加載之后都要在dom準備完成之后初始化調用一次
1 2 3 4 | Echo.init({ offset: 0, throttle: 0}); |
參數
| 參數 | 說明 |
|---|---|
| offset | 離可視區域多少像素的圖片可以被加載 |
| throttle | 圖片延遲多少毫秒加載 |