麻煩整合Blueimp畫廊與HTML和引導

我試圖與引導和燈箱腳本網站內Blueimp圖片庫集成了一個縮略圖，當點擊只是不啓動。相反，鏈接的圖像會顯示在新打開的頁面中，就像默認情況下應該這樣做。下面是代碼：麻煩整合Blueimp畫廊與HTML和引導

在頭而來的CSS：

HEAD：

<link rel="stylesheet" type="text/css" href="js/blueimp_gallery/css/blueimp- gallery.min.css"> 
    <link rel="stylesheet" type="text/css" href="/js/blueimp_gallery/css/blueimp-gallery-indicator.css">

BODY：

<div class="dgallery2 row"> 
    <div class="content"> 
     <div class="bg effect2"> 
     <div id="links"> 
      <a href="images/portfolio/1.jpg" title="Banana" data-gallery> 
       <img src="images/portfolio/thumbnail.jpg" alt="Banana"> 
      </a> 
      <a href="images/portfolio/2.jpg" title="Apple" data-gallery> 
       <img src="images/portfolio/thumbnail.jpg" alt="Apple"> 
      </a> 
      <a href="images/portfolio/3.jpg" title="Orange" data-gallery> 
       <img src="images/portfolio/thumbnail.jpg" alt="Orange"> 
      </a> 
      <a href="images/portfolio/3.jpg" title="Orange" data-gallery> 
       <img src="images/portfolio/thumbnail.jpg" alt="Orange"> 
      </a> 
      <a href="images/portfolio/3.jpg" title="Orange" data-gallery> 
       <img src="images/portfolio/thumbnail.jpg" alt="Orange"> 
      </a> 
      <a href="images/portfolio/3.jpg" title="Orange"> 
       <img src="images/portfolio/thumbnail.jpg" alt="Orange"> 
      </a> 
      <a href="images/portfolio/3.jpg" title="Orange" data-gallery> 
       <img src="images/portfolio/thumbnail.jpg" alt="Orange"> 
      </a> 
      <a href="images/portfolio/3.jpg" title="Orange"> 
       <img src="images/portfolio/thumbnail.jpg" alt="Orange"> 
      </a> 
      <a href="images/portfolio/3.jpg" title="Orange" data-gallery > 
       <img src="images/portfolio/thumbnail.jpg" alt="Orange"> 
      </a> 
     </div> 

    <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls"> 
    <div class="slides"></div> 
    <h3 class="title"></h3> 
     <a class="prev">‹</a> 
     <a class="next">›</a> 
     <a class="close">×</a> 
     <a class="play-pause"></a> 
     <ol class="indicator"></ol> 
    </div>  
    </div> 
    </div> 
    </div>

，然後在車身底部的腳本：

<script type="text/javascript" src="/js/blueimp_gallery/js/blueimp-helper.js"></script> 
<script type="text/javascript" src="/js/blueimp_gallery/js/blueimp-gallery.min.js"></script> 
<script type="text/javascript" src="/js/blueimp_gallery/js/blueimp-gallery-fullscreen.js"></script> 
<script type="text/javascript" src="/js/blueimp_gallery/js/blueimp-gallery-indicator.js"></script> 
<script type="text/javascript" src="/js/blueimp_gallery/js/jquery.blueimp-gallery.min.js"></script> 
<script> 
document.getElementById('links').onclick = function (event) { 
event = event || window.event; 
var target = event.target || event.srcElement, 
    link = target.src ? target.parentNode : target, 
    options = {index: link, event: event}, 
    links = this.getElementsByTagName('a'); 
blueimp.Gallery(links, options); 
}; 
</script>

和燈箱菊st不會開始。有任何想法嗎？非常感謝你！

來源

2014-12-26 Andra Vilcu

我已經搜查每一個主題realted上blueimp畫廊，像他們那樣，也檢查了文件和跟着亦步亦趨exactely所做的一切，但它並不顯示爲畫廊 –

因此，代碼是正確的，所有的，只是有裝載在其他一些JavaScript腳本，我通過錯誤控制檯地處Developper面板...所以我整理出來的那些，現在blueimp像一個魅力的作品被一些錯誤和它也很敏感：D謝謝！

來源

2014-12-27 14:38:56

麻煩整合Blueimp畫廊與HTML和引導

回答

相關問題