国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript圖像延遲加載庫Echo.js

2019-11-20 10:17:44
字體:
來源:轉載
供稿:網友

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" alt="pic" data-echo="img/pic.jpg" width="640" height="480">

blank.gif 是一個 1 x 1 的圖片,用做默認圖片,data-echo 的屬性值是圖片的真實地址。同樣最好給圖片設置寬度和高度,或者在 CSS 中設置也可以,否則似乎很底部很底部的圖片才會延遲加載。

  3、JavaScript

Echo.init({offset: 0,throttle: 0}); 

參數

參數

說明

offset 離可視區域多少像素的圖片可以被加載
throttle 圖片延遲多少毫秒加載

以上內容是針對JavaScript圖像延遲加載庫Echo.js ,希望對大家有所幫助!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 岳阳市| 嘉定区| 汕头市| 香格里拉县| 怀仁县| 交口县| 江山市| 莱阳市| 潜山县| 巴林左旗| 伊宁县| 塔河县| 博兴县| 丘北县| 乌鲁木齐市| 通城县| 巴里| 罗山县| 德化县| 长汀县| 安图县| 浑源县| 保康县| 修武县| 山东| 赤水市| 资溪县| 邢台县| 孟津县| 柯坪县| 克拉玛依市| 自治县| 吉安市| 墨竹工卡县| 西贡区| 云浮市| 娄烦县| 田东县| 澄迈县| 墨玉县| 金湖县|