最近在使用lazyload的時候，遇上一個問題。當對img做寬100%時，就是placeholder的loading圖片也會100%寬，這樣一般來說loading圖片就會變得很大。實在是不能應用到項目里。后來發現一個折中的解決方法，如下。

1.對img.lazy設置背景圖片，把loadding圖片設為其背景圖片。給任意最小高度。
　

2.在lazyload初始話時設置placeholder，賦予其任意大小的一張透明圖片。這樣即可解決loading變大的問題。

$("img.lazy").lazyload({placeholder:?"images/placeholder.png",//effect:?"fadeIn",event:?"sporty",failure_limit?:?10,container:?$(".content") });

ps：使用fadeIn時可能會跟swiper發生沖突，我使用的版本swiper2.7。

轉載于:https://www.cnblogs.com/mjbin/p/4917463.html

總結

以上是生活随笔為你收集整理的使用jq.lazyload.js，解决设置loading图片的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

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