圖片庫上的燈箱

嗨，大家好，我試圖複製上wix website 畫廊你知道的任何插件，最好使用此滑塊的？這是一個畫廊，然後點擊它將成爲一個內部滑塊的燈箱。圖片庫上的燈箱

這是我的HTML代碼

<div id="loyalty-slider" class="gallery"> 
     <div class="media"><img class="media__image" src="images/loyalty-img-01.png"> 
     <div class="media__body"> 
      <h3>I'm a title</h3> 
      <p>I'm a description</p> 
     </div> 
     </div> 

     <div class="media"><img class="media__image" src="images/loyalty-img-02.png"> 
     <div class="media__body"> 
      <h3>I'm a title</h3> 
      <p>I'm a description</p> 
     </div> 
     </div> 

     <div class="media"><img class="media__image" src="images/loyalty-img-03.png"> 
     <div class="media__body"> 
      <h3>I'm a title</h3> 
      <p>I'm a description</p> 
     </div> 
     </div> 

     <div class="media"><img class="media__image" src="images/loyalty-img-03.png"> 
     <div class="media__body"> 
      <h3>I'm a title</h3> 
      <p>I'm a description</p> 
     </div> 
     </div> 
    </div> 
    </div>