最近在使用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。
