クリックした画像を取得しポップアップで表示したい

前提・実現したいこと

JavaScript初学者です。現在１枚目の画像のようなスライドショーを作ったですが、表示されている画像をクリックするとポップアップで２枚目の画像のように表示されるようにしたいと思っているのですが、やり方がわからなく苦戦しています。

現在表示されている画像がどの画像なのか判別することができれば実装できると思うのですが、どのような記述をすれば実現できるか教えていただけないでしょうか。

スライドショー作成時の記述

HTML
1<div class="wrapper-pictures" id= "wrapper-picture">
2  <div class="contents-pictures">
3    <label>
4      <div id="left-arrow"><i class="fas fa-chevron-left"></i></div>
5    </label>
6    <div class="pictures">
7      <ul class="images" id= "image">
8      </ul>
9    </div>
10    <label>
11      <div id="right-arrow"><i class="fas fa-chevron-right"></i></div>
12    </label>
13  </div>
14</div>

javascript
1window.addEventListener('DOMContentLoaded', ()=>{
2
3  var imageList = [
4    "assets/cave.jpg",
5    "assets/GrandCanyon2.jpg",
6    "assets/lake.jpg",
7    "assets/lake2.jpg",
8    "assets/rock.jpg",
9    "assets/rock2.jpg",
10    "assets/rock3.jpg",
11    "assets/tree.jpg",
12    "assets/waterfall.jpg",
13    "assets/waterfall2.jpg"
14  ]
15
16  for(var i = 0; i < imageList.length; i++) {
17
18    var slide = document.createElement("li");
19
20    slide.innerHTML = "<img src='" + imageList[i] + "'>";
21    
22    document.getElementsByClassName("images")[0].appendChild(slide);
23  }
24
25  var image = document.getElementsByClassName("images")[0].getElementsByTagName("li");
26
27  var nowIndex = 0;
28
29  image[nowIndex].classList.add("show");
30
31  var nowIndex = 0;
32
33  var length = imageList.length - 1;
34
35  function slideImages (val) {
36
37    image[nowIndex].classList.remove("show");
38    nowIndex = val;
39
40    image[nowIndex].classList.add("show");
41
42  }
43
44  document.getElementById("left-arrow").addEventListener("click", function() {
45    var index = nowIndex - 1;
46    if (index < 0) {
47      index = length;
48    }
49
50    slideImages(index);
51  }, false);
52
53  document.getElementById("right-arrow").addEventListener("click", function() {
54    var index = nowIndex + 1;
55    if(index > length) {
56      index = 0;
57    }
58
59    slideImages(index)
60  }, false);
61
62});