var lazyLoadImg = new LazyLoadImg({
el: document.querySelector('#list'),
mode: 'diy', //默認模式由蘑,將顯示原圖闽寡,diy模式,將自定義剪切尼酿,默認剪切居中部分
time: 300, // 設置一個檢測時間間隔
complete: true, //頁面內(nèi)所有數(shù)據(jù)圖片加載完成后爷狈,是否自己銷毀程序,true默認銷毀裳擎,false不銷毀
position: { // 只要其中一個位置符合條件涎永,都會觸發(fā)加載機制
top: 0, // 元素距離頂部
right: 0, // 元素距離右邊
bottom: 0, // 元素距離下面
left: 0 // 元素距離左邊
},
diy: { //設置圖片剪切規(guī)則,diy模式時才有效果
backgroundSize: 'cover',
backgroundRepeat: 'no-repeat',
backgroundPosition: 'center center'
},
before: function () {
},
success: function (el) {
el.classList.add('success')
},
error: function (el) {
el.src = './images/error.png'
}
})
// lazyLoadImg.start() // 重新開啟懶加載程序
// lazyLoadImg.destroy() // 銷毀圖片懶加載程序
圖片懶加載插件lazy-load-img
最后編輯于 :
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門恃轩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來结洼,“玉大人黎做,你說我怎么就攤上這事叉跛。” “怎么了蒸殿?”我有些...
- 文/不壞的土叔 我叫張陵筷厘,是天一觀的道長鸣峭。 經(jīng)常有香客問我,道長酥艳,這世上最難降的妖魔是什么摊溶? 我笑而不...
- 正文 為了忘掉前任,我火速辦了婚禮充石,結果婚禮上莫换,老公的妹妹穿的比我還像新娘。我一直安慰自己骤铃,他們只是感情好拉岁,可當我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著惰爬,像睡著了一般喊暖。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上撕瞧,一...
- 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼寇漫!你這毒婦竟也來了刊殉?” 一聲冷哼從身側(cè)響起,我...
- 正文 年R本政府宣布信柿,位于F島的核電站冀偶,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏渔嚷。R本人自食惡果不足惜进鸠,卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望形病。 院中可真熱鬧客年,春花似錦、人聲如沸漠吻。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽侥猩。三九已至榔至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間欺劳,已是汗流浹背唧取。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 本片內(nèi)容轉(zhuǎn)自CSDN http://blog.csdn.net/ithomer/article/details/7...
- Swift版本點擊這里歡迎加入QQ群交流: 594119878最新更新日期:18-09-17 About A cu...
- 五月底入駐簡書到現(xiàn)在差不多快三個月了群凶,從最初開始的孤軍奮戰(zhàn)到現(xiàn)在認識一群支持我的小伙伴們,感謝簡書這個平臺讓我結識...