jq修复错误图片demo效果示例(整理)

简介: jq修复错误图片demo效果示例(整理)
<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>修复错误图片</title>
</head>
<body>
  <img src="error.png" alt="" class="surface_plot" onerror="src='error.png'" />   <!-- 第一种img直接替换 -->
  <img src="error.png" alt="" onerror="nofind();" /> <!-- 第二种调用方法 -->
</body>
<script>
  function nofind(){ 
      var img=event.srcElement; 
      img.src="替换的图片路径"; 
      img.onerror=null; //控制不要一直跳动 
  };
  $("img").error(function(){  //第三种替换
    $(this).attr('src','替换的图片路径');
  });
</script>
</html>
相关文章
图片变亮效果--滤镜demo效果示例(整理)
图片变亮效果--滤镜demo效果示例(整理)
|
9月前
|
JavaScript
js点击当前复制内容demo效果示例(整理)
js点击当前复制内容demo效果示例(整理)
|
9月前
|
JavaScript
js点击删除当前demo示例(整理)
js点击删除当前demo示例(整理)
|
9月前
|
JavaScript
js图片预加载记录demo示例(整理)
js图片预加载记录demo示例(整理)
|
9月前
|
JavaScript
js随机飘动的广告图片代码demo效果示例(整理)
js随机飘动的广告图片代码demo效果示例(整理)
|
9月前
|
JavaScript
js多图片上传--可删除demo效果示例(整理)
js多图片上传--可删除demo效果示例(整理)
|
9月前
|
JavaScript
js判断手机类型demo效果示例(整理)
js判断手机类型demo效果示例(整理)
jq简单隔行变色demo示例(整理)
jq简单隔行变色demo示例(整理)
|
9月前
|
移动开发 HTML5
HTML5 图片上传预览(调用摄像头、文件)demo效果示例(整理)
HTML5 图片上传预览(调用摄像头、文件)demo效果示例(整理)
移动端整页滑屏示例(上下滑动整屏)demo效果示例(整理)
移动端整页滑屏示例(上下滑动整屏)demo效果示例(整理)