今天小編給大家分享一下jquery的懶加載怎么實(shí)現(xiàn)的相關(guān)知識點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。
魯山網(wǎng)站制作公司哪家好,找成都創(chuàng)新互聯(lián)!從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站設(shè)計等網(wǎng)站項(xiàng)目制作,到程序開發(fā),運(yùn)營維護(hù)。成都創(chuàng)新互聯(lián)于2013年成立到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。
要引入兩個文件,注意這些事html中包含著
然后在query.lazyload.js下面配置一下你用到的
$(function(){
$("img.lazy")。lazyload({
placeholder:"",? //圖片未加載出來時顯示的占位圖
effect:"show",? //展現(xiàn)的方式,常用:show顯示\fadeIn閃現(xiàn)
threshold:100,? //在距離屏幕多少px時開始加載
event:"scroll",? //懶加載的觸發(fā)事件,常用:click點(diǎn)擊/mouseover鼠標(biāo)移入/sporty運(yùn)動/默認(rèn)為scroll滑動
container:$("#J-sourceList"), //指定容器內(nèi)的元素產(chǎn)生效果
failure_limit:5? //加載多少張可見區(qū)域外的圖片
});
})
然后建議img的尺寸盡量統(tǒng)一 那樣直接寫一個class完美,因?yàn)檫@個我發(fā)現(xiàn)需要給img配置width height不給的話有可能會不加載
以上就是“jquery的懶加載怎么實(shí)現(xiàn)”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學(xué)習(xí)更多的知識,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。