изменить все источники изображений jquery
Я хочу изменить все источники изображений, если они не загружаются. Некоторые компании блокируют доступ к 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>