javascript - jquery.lazyload 实现不同图片大小的占位

Question

我在使用jquery.lazy.load插件的时候发现，占位的图片的都是统一的大小，如果我传输后真实的图片比这个占位的图片大或者小，总之和这个占位不一样大，则懒加载的效果很奇怪， 有大神知道怎么接觉这个问题吗？
<img src="img/default.png" src="img/act_img_01.jpg" class="lazy-click" >
例如上面这句代码， default.png 的图片大小和src里的图片大小是一样的，如果说我需要加载的图片大小不一致应该怎么办， 我可以获取data-originnal里面这个地址图片的大小，然后根据这个长宽来定default.png图片的大小吗？

Answer 1

<img src-width='100px' src-height='100px' src="img/default.png" src="img/act_img_01.jpg" >

Answer 2

不加载 original 图片就不能拿到图片的大小。
根据original 的图片大小来临时确定 default 的大小从逻辑上就已经失去了 lazyload 的意义了。
这些图片 的大小有规律么？可以事先裁剪好一定数量一定比例的default 图片，然后放在相应的位置。default图片要尽量小， 比如原始图片是 400乘300 的， 完全可以使用4乘3的default图片，然后再img 标签里写上 400，300. 把default 图片拉起来。
如果图片的大小毫无规律，我没有什么好的办法。 - -