画像にマウスを重ねると、画像が切り替わるJavaScript。
最近のブラウザでは、IMGタグ自体にOnmouseoverがあるようですが、
少し前のブラウザは対応していないので、今回は、Aタグで囲っておきます。
少し前のブラウザは対応していないので、今回は、Aタグで囲っておきます。
次のタグを画像を表示したい場所へ記述し、
画像1ファイル名の箇所と、画像2ファイル名の箇所をそれぞれの画像ファイル名にします。
画像1ファイル名の箇所と、画像2ファイル名の箇所をそれぞれの画像ファイル名にします。
<a href="javascript:void(0);" onmouseover="document.chgimg.src='画像2ファイル名'" onmouseout="document.chgimg.src='画像1ファイル名'"><img src="画像1ファイル名" name="chgimg"></a>
サンプル：
画像は、イラスト素材の素材ダス様からお借りしました。