1.引入? jquery.lazyload.js

2. 延時加載的方式?

<script?type="text/javascript">?
　　$(function()?{?
　　　　$("img").lazyload({?
　　　　effect?:?"fadeIn"?
　　　});?
　　});?
　　</script>?

3.?把閥值設置成200?意思就是當圖片沒有看到之前先load?200像素。

　　$(“img”).lazyload({?threshold?:?200?});

?

4. ?通過設置占位符圖片和自定事件來觸發加載圖片事件。如 event?:sporty?和 event?:?foobar。默認情況下處于等待狀態,?直到用戶滾動到窗口上圖片所在位置.?在灰色占位圖片被點擊之前阻止加載圖片。

　　$("img").lazyload({????
　　　　placeholder?:?"img/grey.gif",????
　　　　event?:?"click"???
　　　　});?

5. ?帶滾動條的?DIV?元素.?你要做的只是將容器定義為?jQuery?對象并作為參數傳到初始化方法里面.

　　CSS:
　　#container?{????
　　height:?600px;????
　　overflow:?scroll;????
　　}???

　　JavaScript?代碼:
　　$("img").lazyload({????
　　placeholder?:?"img/grey.gif",????
　　container:?$("#container")????
　　}); ?

?

轉載于:https://www.cnblogs.com/yi-miao/p/8079257.html

總結

以上是生活随笔為你收集整理的JQuery.lazyload 图片延迟加载的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。