html img加载失败,怎样替换为默认图片

html-css010

html img加载失败,怎样替换为默认图片,第1张

<img src="./images/1.jpg"  onerror="this.src='./images/默认图片.jpg'">

把粗体的部分复制到你的img 里面去 然后里面的src是默认图片的地址

您好:很高兴为您回答

onmouseover 的“双胞胎” 兄弟:onmouseout 一般来说是能够满足您的需求;

解决思路:

原图片是1.jpg

当鼠标移动上某一元素的时候替换图片为2.jpg;

当鼠标离开这一元素的时候替换图片问1.jpg;

定义两事件,在元素中同时调用就可以!

满意请采纳, 有问题请追问,谢谢!

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<script src="http://code.jquery.com/jquery-latest.js"></script>

</head>

<body>

<input type="button" value="Pic1">

<input type="button" value="Pic2">

<input type="button" value="Pic3">

<div></div>

<script>

var picUrl=["https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3305420452,3910104108&fm=11&gp=0.jpg","https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3332919492,3203839407&fm=23&gp=0.jpg","https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=4245887956,100740587&fm=23&gp=0.jpg"]

var i=0

$("input").click(function(event) {

i=$("input").index($(this))

$("div").html("<img src='"+picUrl[i]+"'>")

})

</script>

</body>

</html>