HOME > jQuery > サムネ画像をマウスオーバーした時のメインの画像の切り替え

サムネ画像をマウスオーバーした時のメインの画像の切り替え

この記事はサムネイル画像をマウスオーバーした時にメインの画像を切り替えるのをjQueryで実装する内容になります。

デモは↓です。

画像のデータは↓からダウンロードして下さい。

サムネイルをマウスオーバーした時に画像の切り替えに使う画像 (31 ダウンロード)

コードを↓にします。



 コピペする時は画像のパスを変えるだけです。

jQueryを簡単に説明すると2行目がサムネイル画像をマウスオーバーした時です。

3行目がサムネイル画像をマウスオーバーするとメインの画像がマウスオーバーした画像に切り替わるための記述です。

これで完成です。

●いいねをつけてもらえると励みになります。