使用jq.lazyload.js,解決設置loading圖片的問題


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM