css或者jquery怎么实现如果img为空,显示文字
*img[src=""]{}css或者jquery,javascript怎么实现如果img为空,显示文字imageempty...
*img[src=""] {
}
css或者jquery,javascript 怎么实现如果img为空,显示文字 image empty 展开
}
css或者jquery,javascript 怎么实现如果img为空,显示文字 image empty 展开
3个回答
展开全部
不知道你的显示文字是如何显示?
1、显示图片区域,并显示图片找不到的提示图片及设置显示文字的情况,使用其alt属性,但注意,alt其实也是img标签的title,当图片正常显示的时候,鼠标悬停在图片上依然会显示其定义的文字,代码如下:
<img src="1122334.bmp" alt="no img" />
2、直接替换,下面代码用jquery代码实现:
function imgErr() {
var $img = $('img'); //示例,假定页面中只有一个img
if(!$img.complete ||
typeof($img.naturalWidth == "undefined")
|| $img.naturalWidth == 0) {
$img.hide();
} else {
$('#div1_1').hide();
}
}
<div id='div1'>
<img src="1122334.bmp" alt="1122334"onerror="imgErr();" />
<div id='div1_1'>no image</div>
</div>
1、显示图片区域,并显示图片找不到的提示图片及设置显示文字的情况,使用其alt属性,但注意,alt其实也是img标签的title,当图片正常显示的时候,鼠标悬停在图片上依然会显示其定义的文字,代码如下:
<img src="1122334.bmp" alt="no img" />
2、直接替换,下面代码用jquery代码实现:
function imgErr() {
var $img = $('img'); //示例,假定页面中只有一个img
if(!$img.complete ||
typeof($img.naturalWidth == "undefined")
|| $img.naturalWidth == 0) {
$img.hide();
} else {
$('#div1_1').hide();
}
}
<div id='div1'>
<img src="1122334.bmp" alt="1122334"onerror="imgErr();" />
<div id='div1_1'>no image</div>
</div>
展开全部
img标签有两个属性分别为alt和title
alt : 作用是图片在无法正确显示的时候起到文本替代的作用
title : 鼠标滑过时显示的文字提示
<img src="路径" alt="image empty" title="xxx" />
alt : 作用是图片在无法正确显示的时候起到文本替代的作用
title : 鼠标滑过时显示的文字提示
<img src="路径" alt="image empty" title="xxx" />
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<img alt="暂无图片"/>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询