（javascript）HTMLで指定した画像パスに画像ファイルがない

質問

（javascript）HTMLで指定した画像パスに画像ファイルがない場合、別のファイル名の画像に差し替える方法が知りたいです。

以下のようにimgフォルダ内にある画像ファイル名をPHPでゲットしているのですが、その画像ファイルがない場合、確実にimgフォルダ内に存在する画像ファイルと差し替えたいのです。

print("<img src=img/". $item->getImage(). "border=0>\n");

<img src=img/cat.jpg border=0>が存在しないなら、<img src=img/dog.jpg border=0>を表示する。

javascript等、解決する方法がありますか？
ご教授お願いします。
よろしくお願いします。<(_ _)>

回答No.1

arenani_sorenani · ベストアンサー

<script type="text/javascript">
function DefaultImg(){
document.getElementById("IMG").src="dog.jpg";
}
</script>

<img id="IMG" src="cat.jpg" onerror="DefaultImg()">