amazeui 懒加载 搜索不到图片时,如何为图片加上默认图
来源:互联网 发布:淘宝双十一利弊 编辑:程序博客网 时间:2024/06/05 08:07
1、一般情况下,当图片不显示或找不到图片地址时,会设置默认图片。
利用img 的onerror属性设置默认图
<img src="../images/2015-06-10_1232.png" alt="图片" onerror="../images/2015-06-10_103124.png">
2、当绑定页面数据时,并且利用懒加载时,如果没有默认图,应该这样写
<img class="lazy"data-original="http://d9x-place.b0.upaiyun.com/t/7/{id}.png" alt=""src="../images/2015-06-10_103124.png" />
1) 其中,src 放置的还是默认图片,懒加载利用的是data-original获取的图片地址
2) 如果不分页,或者分页按钮不刷新页面,js这样写
seajs.use(["lazyload"], function (lazyload) {
$(function(){ $("img.lazy").lazyload({
effect: 'fadeIn'
});
})
})
3)如果分页需要刷新页面,js这样写
seajs.use(["lazyload"], function (lazyload) {
$(function () {
window.lazyload = function () { //dom ready调用的另外一种方式
$("img.lazy").lazyload({
effect: 'fadeIn'
});
}
});
});
注意:需要在点击分页按钮的方法中每次都调用lazyload() 方法即可
- amazeui 懒加载 搜索不到图片时,如何为图片加上默认图
- 图片onerror事件,为图片加载指定默认图片
- AmazeUI图片轮播
- AmazeUI图片轮播
- AmazeUI图片轮播
- 图片加载失败时展示默认图片
- 给图片加载加上菊花
- 当原图片加载失败时,如何让图片加载上我们默认给的图片
- aspjpeg为图片加上水印
- Ionic2 为Toast加上图片
- angularjs 图片加载失败时,加载默认图片
- 【AmazeUI】图片轮播组件
- handlebars+ AmazeUI图片轮播
- html img加载失败,怎样替换为默认图片
- HTML img图片加载失败时用默认图片替换
- html图片加载失败时显示默认图片
- 如何实现图片懒加载
- 为freetextbox1.6.5上传图片加上水印
- 自定义View(1)
- 记忆存储的生理单元
- 深刻理解Linux进程间通信(IPC)
- leetcode_Majority Element II
- NGUI 九宫格纹理拉伸
- amazeui 懒加载 搜索不到图片时,如何为图片加上默认图
- Windows10 会不会成为微软的新起点?
- debugkeystore
- 如何在WebView中点击链接使用自身打开
- LAN管理器身份验证级别,WIN7访问共享提示:“登陆失败:未知的用户名或密码错误
- 南邮 OJ 1919 我的故事
- Commons-logging + Log4j 入门指南
- 项目启动c3p0 APPARENT DEADLOCK!!! 错误
- 22. PHP 日期和时间