サムネイルをクリックするとメイン画像が切り替わるギャラリー

ホームページに追加できるギャラリーのパターンもさまざまですが、サムネイルをクリックするとメイン画像が切り替わるギャラリーはいかがでしょうか。

こんな感じです。下に並んだサムネイル画像をクリックするとメインの大きな画像が切り替わります。

ギャラリーのメイン画像

  • 明治神宮
  • 神保町
  • 真鶴
  • 谷中
  • 銀座

以下のページのコードを使わせていただきました。ありがとうございます。

【jQuery】サムネイルをクリックするとメイン画像が切り替わるシンプルな写真ギャラリー

jQueryを使っているのでWordPressのプラグインを使わずに作成できます。純粋なギャラリーだけでなく商品紹介、作品集、制作事例などをきれいに見せたいときに役立つでしょう。

興味がある方はチャレンジしてみてください。

WordPressカスタマイズ