溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享一下jquery的懶加載怎么實現(xiàn)的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
要引入兩個文件，注意這些事html中包含著
<script src=""></script>
<script src=""></script>
然后在query.lazyload.js下面配置一下你用到的
<script>
$（function（）{
$（"img.lazy"）。lazyload（{
placeholder:"",? //圖片未加載出來時顯示的占位圖
effect:"show",? //展現(xiàn)的方式，常用：show顯示\fadeIn閃現(xiàn)
threshold:100,? //在距離屏幕多少px時開始加載
event:"scroll",? //懶加載的觸發(fā)事件，常用：click點擊/mouseover鼠標移入/sporty運動/默認為scroll滑動
container:$（"#J-sourceList"）， //指定容器內的元素產生效果
failure_limit:5? //加載多少張可見區(qū)域外的圖片
}）;
}）
</script>
然后建議img的尺寸盡量統(tǒng)一 那樣直接寫一個class完美，因為這個我發(fā)現(xiàn)需要給img配置width height不給的話有可能會不加載
以上就是“jquery的懶加載怎么實現(xiàn)”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業(yè)資訊頻道。
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經查實，將立刻刪除涉嫌侵權內容。
