初心者向け。jQueryでサムネをクリックしてメインの画像の切り替え

初心者向け。jQueryでサムネをクリックしてメインの画像の切り替え

94 回閲覧されました

みなさんこんにちは、WEB制作のエンジニアのjonioです。

今回はサイトによくあるサムネイル画像をクリックした時にメインの画像が切り替わるのをjQueryのコピペで実装する方法の解説です。

デモは↓です。

 

画像を使うのですが↓からダウンロードして下さい。

[ダウンロードが見つかりません]

それでは解説します。

コードを↓にして下さい。

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

簡単にjQueryのコードの解説をします。

2行目がサムネ画像をクリックした時です。

3行目がメイン画像のパスをサムネ画像のパスに切り替えるための記述です。

これで完成です。