首页 > jquery.lazyload 实现不同图片大小的占位

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

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


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


<img data-original-width='100px' data-original-height='100px' src="img/default.png" data-original="img/act_img_01.jpg" >
【热门文章】
【热门文章】