手机wap建站出现图片没有加载完先显示一个默认加载小图片

最近群里有很多懒友多在关注一个问题？就是在做手机建站时候，在wifi下浏览图片，还好，但是用手机3G网或者2G网时候，加载图片，很慢，就是很大空白，或者直接显示一个叉叉，对用户体验很不好，所以懒友，就想能不能在图片加载出来时候，预先显示一个加载小图片，增加可阅读性。其实很简单，只需要两步就搞定了哈

1、需要一个这样手机特效js：

一键下载：http://www.lanrenmb.com//wap/456/lazyload.zip

然后在你需要这样效果页面调用：（下面代码直接复制）

$("img.lazy").lazyload();

</script>

2、就是修改调用图片那里代码，那里需要这样显示，就在那里替换下面代码：

懒人切记分解：

data-original="/attachment/goods/201407/1405149154xm6ot.jpg" 这里是图片真实地址

src="/images/loading.jpg" / 这里是真是图片没有加载出来显示加载小图片

class="lazy" 这个样式是标记，一定不要删除了。加上去，对原网站样式不会有影响的。

是不是很简单哈，希望你能成功哈！

模板简介：该模板名称为【手机wap建站出现图片没有加载完先显示一个默认加载小图片】，大小是，文档格式为.，推荐使用打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【悬浮漂浮】栏目查找您需要的精美模板。