Boris Smirnov Boris Smirnov - 3 months ago 14
jQuery Question

Fallback image and timeout - External Content. Javascript

What is the best way to set up a local fallback image if the external image does not load or takes too long to load.

Answer

You can add an oneror handler:

<img src="http://example.com/somejpg.jpg"
    onerror='this.onerror = null; this.src="./oops.gif"' />

Note setting onerror to null in the handler so that the browser doesn't die if oops.gif can't be loaded for some reason.

Comments