Javascript img onload

Question

我有这样的事情：

<img class="side_image right" id="side_image" src="http://path/to/file_large.jpg" width="300" 
height="210" onload="document.getElementById('loading_gif').style.display = 'none';"  />

我的问题是如何判断图像是否不存在。 只有在加载图像时，此代码块才会隐藏加载gif。 但是当真的没有图像时...我被加载的GIF卡住了。 我仍然希望显示一些东西，即使没有图像并设置加载gif display ='none';

你对使用原生的javascript / html或php有什么建议吗？ 没有jquery或其他javascript库因为我们不允许使用这些工具。

谢谢...

Answer 1

onload = function() {
    var imageRef = document.getElementById('blah');
    imageRef.onerror = function(){
       this.src='blah.gif';
    }
}

Answer 2

为了弥补修理者的答案......

<img src="image_to_load.jpg" onload="..." ... onerror="this.src='alternate_image.jpg';" />