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

建立mender的答案......

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