I have an image hosted online that I want to display on a web page, but if the server the image is hosted on is down, then I want a different image (hosted on a different server) to appear in its place.

Can this be done with Javascript, maybe using the if statement? If yes, then how?

I know html and can do all the img tags, but I only know a little Javascript.
Thanks

Hi,

To my knowledge so far, i've never come across a way to detect if a server is down in javascript. A colleague of mine did it once but it was extensive asp.net using Tcp.IP protocols!


So, i think the answer is no, your better off trying to see if there is a pre-made script in php or asp.net or something along those lines.

However, i might be completely mistaken!

Good Luck,


Sean

You could probably use a hidden IMG tag, which has its SRC attribute set to the remote image.
Javascript could then be used to check whether the IMG's onLoad event was fired within a certain period of time (eg. 3 seconds).
If it had not loaded, you could assume that the server was down, and set the SRC attribute to an alternate image using javascript.

Rufo.