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

最新文章

  1. Oracle to_char 转换数值
  2. 新手看Mockplus
  3. RabbitMQ介绍6 - 其它
  4. LeetCode(二)
  5. 移动前端调式页面--weinre
  6. Winserver2008R2 .netframework4.5 asp.netmvc 访问出现的是文件列表。
  7. C++ notes for beginners(2)
  8. Long型整数，缄默溢出
  9. 不能以方法的方式使用不可调用的“system.web.httprequest.querystring”
  10. 【Python之路】第三篇--Python基本数据类型
  11. 三层交换机配置说明（华为S5700设置三个网段互通）
  12. 简单又实用的分享！SharePoint母版页引用（实战）
  13. 深入学习css伪类和伪元素及其用法
  14. [Ting's笔记Day9]活用套件Carrierwave gem:（4）使用Imagemagick修改图片大小
  15. Linux CA证书与https讲解
  16. URAL Palindromic Contest
  17. iphone3g 蜂窝数据有效设置
  18. Python性能鸡汤（转）
  19. dedecms后台每页文章条数如何修改(“文档列表”每一页显示的文档条数)
  20. leetcode949

热门文章

  1. Flask 的 数据库连接 与 DBUtils 数据库连接池
  2. 解决cookies取值中文乱码问题
  3. LeetCode Partition to K Equal Sum Subsets
  4. Maven build标签
  5. javascript的八张思维导图
  6. Ambari client
  7. poj 3590 The shuffle Problem——DP+置换
  8. 【android】Socket简单用法
  9. python-mao
  10. npm包的发布