Javascript CSS 画像

Javascript　か　CSS　どちらでもいいのですが、
どうかご教示お願いいたします。

例えば

画像1
<a href="img/image01.jpg"><img src="img/image01.jpg"></a>
画像2
<a href="img/image02.jpg"><img src="img/image02.jpg"></a>
画像3
<a href="img/image03.jpg"><img src="img/image03.jpg"></a>
画像4
<a href="img/image04.jpg"><img src="img/image04.jpg"></a>

とあったとし、

これらの画像でどこかをクリックすると

まずその画像が表示され、右や左のアイコン？
がありそれをクリックすると、前後の画像を表示させるようにしたいのですが、
どのようにするのでしょうか？

また参考サイトを教えていただけると嬉しいです。
※このようなことを検索するワードがわかりません。。。

No.3 回答者： Kirito16.com 回答日時： 2017/06/14 22:34

単刀直入に言うと、JavaScript(JS)のみで実行するのは無理に近いですね。

JSは初心者でも扱える簡単なプログラムですし。
貴方がどこまでプログラムに詳しいのか知りませんが、検索ワードが分からないということは恐らくあまり詳しくないのでは?間違ってたらすいません。

話を戻して、
どうしてもJavaScriptを使いたいのであれば、他のプログラムと組み合わせるか、
jQueryなどの拡張プラグイン的なものを使用することをお奨めします。

この回答へのお礼

お返事が遅くなり申し訳ございません。

おっしゃる通り、私はまだまだ初心者で詳しくないです・・・

No2様が、ご回答くださったライトボックスというので
実行したいことはできました。

ありがとうございました！

お礼日時：2017/06/19 10:43

No.2 回答者： Ogre7077 回答日時： 2017/06/09 17:30

検索用の単語としては、以下の二つでしょうか

light box / ライトボックス
carousel / カルーセル

ちょっと難しいですが、こちらなどがお勧めです。
http://photoswipe.com/

この回答へのお礼

お返事が遅くなり申し訳ございません。

ライトボックス、カルーセルですね！

ありがとうございます！

ライトボックスのほうで、わかりやすいサイトがあったので、
とりあえずそっちを設置し、やりたいことができました！

ありがとうございます！


最後のサイトのサンプルも拝見しました。
こちらも素敵でしたが、
私は未だに、GitHub？の扱い方？がいまいちわかっておりません・・

お礼日時：2017/06/19 10:40

No.1 回答者： yambejp 回答日時： 2017/06/09 17:17

画像を開いたらそのたの部品を開くことはできないですね

もしやるとするならモーダルというライブラリを利用するとよいと思います

この回答へのお礼

お返事が遅くなり申し訳ございません。

モーダルというキーワードですね

ありがとうございます！

お礼日時：2017/06/19 10:37