画像ファイルが見つからない場合に代替画像を表示

イメージタグに設定した画像ファイルが見つからない(存在しない)場合、【×】マークが表示されたりしてカッコ悪い。

そんな時、代わりの画像を表示させるコード。

<img src="本来の画像ファイル" onError="this.oneerror=null;this.src='代替画像ファイル';">

代替画像ファイルにファイルのパスを指定しておけば、万一本来の画像ファイルが見つからない場合に代替画像が表示されるスグレもの。

代替画像ファイルも見つからない場合は当然ですが【×】マークになります。

Web制作覚書