Magnific popup：正在獲取「無法加載圖像」

Question

我無法通過一個巨大的彈出框使畫廊工作。當我點擊一張圖片時，我收到「圖片無法加載」。

下面是HTML文件列表圖片：

<div class='container'> 
    <div class='picture'><img src='images/gallery/a.jpg'/></div> 
    <div class='picture'><img src='images/gallery/b.jpg'/></div> 
    <div class='picture'><img src='images/gallery/c.jpg'/></div> 
    <div class='picture'><img src='images/gallery/d.jpg'/></div> 
    <div class='picture'><img src='images/gallery/e.jpg'/></div> 
</div> 

這裏jQuery代碼：

$.get('html/gallery.html', function(data) { 
     $('#page_content').append(data); 

     $('.container').magnificPopup({ 
     type: 'image', 
     delegate: 'div', 
     gallery:{ 
      enabled: true, 
      navigateByImgClick: true, 
      arrowMarkup: '<button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"></button>', 
      tPrev: 'Previous (Left arrow key)', 
      tNext: 'Next (Right arrow key)', 
      tCounter: '<span class="mfp-counter">%curr% of %total%</span>' 
     } 
    }); 

我試圖改變 「代表」 價值 '格' 或 'IMG'，但沒有結果。 （我跟着這個Magnific popup: getting "The image could not be loaded" and image url is undefined）

感謝您的幫助:)

Answer 1

很好地解決了問題... 彈出Magnific酒店需要爲了工作href屬性。

解決方案：

<div class='container'> 
    <div class='picture' href='images/gallery/a.jpg'><img src='images/gallery/a.jpg'/></div> 
    <div class='picture' href='images/gallery/b.jpg'><img src='images/gallery/b.jpg'/></div> 
    .... 
</div>