<!DOCTYPE html>
<html>
<head>
<title>图片不能显示时替换</title>
<script src="jquery-last.js"></script><!-- 修改为自己的路径 -->
</head>
<body>
<div>
<img src="http://www.mainaer.com/skin/maps/4.png" />
<img src="http://www.mainaer.com/skin/maps/5_R.png" />
</div>
<script language="javascript" type="text/javascript">
$(function (){
$("img").each(function (i,e){
$(e).error(function() {
$(e).attr("src","http://www.mainaer.com/uploadfiles/mainaer/nopic.gif");
}) ;
});
});
</script>
</body>
</html>
试了下如果是本地图片,没有显示效果,只能远程图片路径,这点我还不知道是为什么
效果:
分享到:
相关推荐
使用 jQuery插件实现简单的图片预览功能
jquery实现图片即时上传,兼容多种浏览器,实现功能强大,代码简单,值得分析学习。
jquery 实现点击图片放大效果
jquery实现的鼠标划过图片显示详情提示效果
简练代码,高效掌握jQuery
jQuery实现图片切换
jquery图片点击全屏显示,开源代码,适合学习
jquery实现点击图片在弹出层显示大图,再次点击还原图片真实大小
jQuery实现图片轮播,这个项目实现前端网页经常用到的图片轮播功能。主要用到HTML、CSS和jQuery技术,非常适合前端入门练习。
jQuery实现鼠标移到链接提示显示图片功能插件 jquery实现鼠标经过链接放大图片特效代码 jquery实用Banner大图片横向切换效果 jquery实用产品图片展示动感切换效果源码 jquery平滑交换真彩色的图片逐渐变为黑白图像的...
jQuery实现图片模糊显示特效是一款基于jquery.refocus插件实现的背景图片镜头模糊特效。
jQuery+CSS实现图片感应鼠标高亮显示当前图片
jquery 上传图片显示
jquery鼠标点击图片遮罩显示图片介绍信息 jquery鼠标点击图片遮罩显示图片介绍信息 jquery鼠标点击图片遮罩显示图片介绍信息 jquery鼠标点击图片遮罩显示图片介绍信息
jQuery实现图片动态加载效果 鼠标滚动时图片动态加载
jQuery实现带控制按钮的图片滚动特效(可多个)
简单的Jquery实现图片切换,
jquery实现图片无缝轮播
实用JS,jQuery实现上传图片的预览功能,可以跟随鼠标移动
基于Jquery实现的图片预览插件,支持图片手动和鼠标滚轮滑动放大缩小、支持图片旋转转和多图片切换、支持图片分组预览,下载后即可快速使用。