Magnific-Popup Gallery在一個標籤中有兩個圖像標籤

Question

我正在用Magnific-Popup做一個畫廊，但爲了加快我的網站，我在一個標籤內部放置了兩個不同的圖像。一個用於大屏幕，另一個用於小屏幕。我用引導類隱藏了一個或另一個圖像（hidden-lg hidden-md & hidden-sm hidden-xs）。

問題是，當我點擊一個標籤打開圖片庫時，Magnific-Popup嘗試打開隱藏圖片並返回「圖片無法加載」。

<li> 
 
    <figure> 
 
    <div class="gallery-item"> 
 
     <a href="assets/upload/images/romantic/clem-onojeghuo-193397.jpg" title="" class="gallery-item"> 
 
     <img src="/assets/image-cache/romantic/clem-onojeghuo-193397.5ddf5942.jpg" alt="" class="hidden-lg hidden-md"> 
 
     <img src="/assets/image-cache/romantic/clem-onojeghuo-193397.36620614.jpg" alt="" class="hidden-sm hidden-xs"> 
 
     <div class="gallery-caption"> 
 
      <div class="centrize"> 
 
      <div class="v-center"><i class="hc-search"></i></div> 
 
      </div> 
 
     </div> 
 
     </a> 
 
    </div> 
 
    </figure> 
 
</li>

$('.gallery-item').magnificPopup({ 
 
    type: 'image', 
 
    gallery:{ 
 
    enabled:true 
 
    } 
 
});

Answer 1

這是我自己的錯誤，因爲我已經兩次在 「畫廊項目」 級。一個在div標籤上，另一個在標籤上。