Ausweichbild und Timeout - Externer Inhalt. JavaScript

Question

Was ist die beste Möglichkeit, ein lokales Fallback-Image einzurichten, wenn das externe Image nicht geladen wird oder zu lange zum Laden braucht.

Answer 1

Sie können einen oneror Handler hinzu:

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

Hinweis auf null in der Prozedur Einstellung onerror so dass der Browser nicht stirbt, wenn oops.gif aus irgendeinem Grund nicht geladen werden kann.

Answer 2

Versuchen Sie, die Image.complete-Eigenschaft zu verwenden.

var img = new Image(w,h) 
img.src = "http://..."; 

nun in regelmäßigen Abständen überprüfen, ob img.complete wahr ist und eine Fallback-Mechanismus nennen shuold es noch false nach n Sekunden.