首页 > 教程 > 前端技术 > 模板制作

    收藏

    怎么让网页下的失效图片，显示默认缺省图片
    DT模板2016-09-16模板制作68℃
    广告
    核心提示：如何让网页上的失效图片，显示默认缺省图片。做网页图片展示的时候，当图片不存在时网页上的图片位置会显示一个红x，这看起来多不好啊。这时可以通过js来判断图片是否加载成功，如果未加载成功，则加载默认图片用以提示该图片不存在。那怎么做呢？其实这个方法很简单，就是“onerror”事件，当图片未加载成功时，就会触发该
    如何让网页上的失效图片，显示默认缺省图片。
    做网页图片展示的时候，当图片不存在时网页上的图片位置会显示一个红x，这看起来多不好啊。
    这时可以通过js来判断图片是否加载成功，如果未加载成功，则加载默认图片用以提示该图片不存在。
    那怎么做呢？
    其实这个方法很简单，就是“onerror”事件，当图片未加载成功时，就会触发该事件。
    触发该事件后，可以写个语句,让img标签创新加载默认图片来替换显示不了的图片。
    具体事例
    <img src ="原图片地址" onerror ="this.src='默认图片地址';">
    如destoon 里我们可以这样写
    <img src ="原图片地址" onerror ="this.src ='{DT_SKIN}image/nopic60.gif'">
 
  • 文本链接：https://mbtxw.com/Course/show.php?itemid=53
  • 文章来源：模板模板
  • 版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。
标签： destoon 标签调用 模板制作

更多>同类教程

• destoon9.0解决上传图片同时上传中图和小图 • destoon8.0品牌新增分类多选
• destoon8.0城市分站设置 • destoon任意页面上获取会员商铺参数logo信息
• 修改destoon商铺默认的横幅高宽度参数 • destoon使用第三方IP属地api的接口实现ip属地
• destoon 8 下载模块新增多图上传 • 手把手教你怎么认DESTOON模板中的标签条件含义
• destoon9.0以下版本修复电脑版微信小程序跳转到 • destoon mysql过滤union字符n为解决
0 条相关评论

更多>热门下载

热门图文

热门标签

热门教程

    QQ交流群

    模板天下网QQ群

  • 欢迎DT爱好者加群学习交流：68503649

    联系关注

  • MBTXW.COM腾讯微博
  • 536205792QQ号
  • 68503649加QQ群
  • 536205792@qq.com客服邮箱

联系方式

联系站长
关注模板模板
移动WAP端 模板模板
微信二维码 模板模板
QQ二维码 模板模板
友情链接：
免费HTTPS证书
DT模板网
黄页演示站
旌标网络