当我们的网站时间久了难免会出现图片丢失或者误删,这样文章的图片就无法显示了,会让页面变的很难看。那么当网站图片丢失或者获取失败时如何显示我们设置的默认图片呢,或者默认多张图片随机显示呢。 方法一:当图片调用失败后,会
当我们的网站时间久了难免会出现图片丢失或者误删,这样文章的图片就无法显示了,会让页面变的很难看。那么当网站图片丢失或者获取失败时如何显示我们设置的默认图片呢,或者默认多张图片随机显示呢。
方法一:当图片调用失败后,会用图片后面设置的默认图片顶上
<img src="pic/logo2009Blu.gif" onerror="this.src='/pic/default.gif'">
方法二:使用js方法当文章中的图片出错时就显示代码中设置的默认图片
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("img").error(function () {
$(this).attr("src", "http:/www.xxx.com/uploads/img/soulution/2.jpg");
});
});
</script>
方法三:站图片丢失或者获取失败时多张默认图片随机显示:
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("img").error(function () {
var x = 6;
var y = 1;
var rand = parseInt(Math.random() * (x - y + 1) + y);
var url = 'http://www.xxxx.com/uploads/img/soulution/'+rand+'.jpg'
$(this).attr("src", url);
});
});
</script>
沃梦达教程
本文标题为:网站图片丢失或者获取失败时显示默认图片的办法
基础教程推荐
猜你喜欢
- 织梦dedecms调用当前栏目文章数的方法 2022-11-08
- PbootCMS网站标题描述等标签限制字数的办法 2023-07-08
- dedecms织梦全局变量调用方法总结 2023-07-08
- dedecms根据来访IP区域自动跳转对应页面的方法 2022-07-21
- pbootcms二次开发必须要了解的后台目录结构 2023-07-09
- dedecms织梦无需登录注册可下单购买的修改 2022-11-04
- 织梦dedecms如何在dede:sql中使用[field:global.autoindex/] 2022-08-27
- 织梦DedeCMS搜索指定多个栏目文档的办法 2022-11-11
- pbootcms网站自动清理runtime缓存方法 2023-07-09
- dedecms织梦cms常用判断语句汇总 2022-06-24