javascript - モーダルウィンドウ内で画像を開く

Question

ここに私のJsFiddleがあります

画像ギャラリーを作成しようとしています。誰かが画像をクリックすると、モーダルウィンドウ内で各画像が開きます。モーダル ウィンドウを設計しました。モーダル ウィンドウを画像ギャラリーの画像に接続する方法がわかりません。クリックした画像がimgモーダル ウィンドウのタグ内に表示されるようにします。

モーダルウィンドウで何かをしようとしているのはこれが初めてです。私の場合、そのクリックイベントハンドラーを作成する方法がわかりません。ネットで調べました。一致するソリューションが見つかりませんでした。すべてが独自のプラグインを使用することを提案していました。これには他のプラグインを使用したくありません。少し助けていただければ幸いです。

これが私の画像ギャラリーです

<div class="gallery">
   <div class="row">
     <a href="#"> <img class="normalimage" src=""> </a>
     <a href="#"> <img class="wideimage" src=""> </a>
     <!--more images-->
   </div>
   <div class="row">
     <a href="#"> <img class="normalimage" src=""> </a>
     <a href="#"> <img class="normalimage" src=""> </a>
     <!--more images-->
   </div>
</div>

これが私のモーダルウィンドウです

<div class="gallery-overlay" style="display: none;">
<div class="gallery-imagebox">
    <img class="gallery-image" src="#">
</div>

<div class="gallery-captionbox">
    <div class="gallery-control gallery-control-previous">
    <
    </div>
    <div class="gallery-control gallery-control-next">
    >
    </div>
 </div>
 </div>