如果图片加载失败,我希望能够更改所有的图像源。由于一些公司阻止访问Dropbox,因此我想使用替代链接来获取图像。此外,我不想修改图像和CSS文件。我的代码可以处理第一张图片,但会将每个图像源都变成相同的。我该如何解决这个问题?谢谢!
<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
</head>
<body>
<img src="img/a.png" alt="img1"/>
<img src="img/b.png" alt="img2"/>
</body>
<script>
var image = new Image();
image.src = "http://dropbox.com/favicon.ico";
if (image.height < 0) {
var imgsrc = $('img').attr('src');
var imgsrc1 = imgsrc.substr(imgsrc.lastIndexOf("img/"));
imgsrc1 = imgsrc.substr(4);
var imgalt = imgsrc1.substr(4,imgsrc.length - 4);
var imgsrc2 ='t/' + imgsrc1;
$('img').attr('src',imgsrc2);
$('img').attr('alt',imgalt);
} else {
var imgsrc = $('img').attr('src');
var imgsrc1 = imgsrc.substr(imgsrc.lastIndexOf("img/"));
imgsrc1 = imgsrc.substr(4);
var imgalt = imgsrc1.substr(4,imgsrc.length - 4);
var imgsrc2 ='http://dl.dropbox.com/u/xxxxxx/img/' + imgsrc1;
$('img').attr('src',imgsrc2);
$('img').attr('alt',imgalt);
}
</script>
</html>