JavaScript サンプル：『画像クリックで画像を変更させてみる』

● Web覚書トップ > JavaScript サンプル > 『画像クリックで画像を変更させてみる』

説明

画像クリックしたときに画像を変更します。

実行例

▼クリックしてみてください

コード

if ( window.document.images ) {
	var images = new Image();
	images.src = "b.gif";
}
function changeImage() {
	window.document.image1.src = "b.gif";
}

<A href="#" onClick="changeImage();return false;">
<IMG src="a.gif" name="image1" border="0" width="22" height="22">
</A>

解説＆ステップアップ

画像の「onClick」イベントではなく、リンクのイベントを使っているのは、その方が古いバージョンに対応できるためです。画像にリンクするときは「border="0"」を忘れないようにします。

動作確認

IE4.0(win)、IE5.0(win)、IE5.5(win)、NN4.7(win)