Featherlight Lightbox JS問題

Im在我的WP主題中實現了Featherlight的燈箱。 here's the Github page for anybody interested看起來像一個非常漂亮的燈箱吧？（如果你們指點其他任何，請讓我知道。Featherlight Lightbox JS問題

我入隊所有的CSS & js文件很好地在我的functions.php和它的作品。在文檔中表示，我可以創建畫廊在我的主題添加此.js文件（例如）：

$('a.gallery').featherlightGallery({ 
    gallery: { 
    previous: '«', 
    next: '»', 
    fadeIn: 300 
    }, 
    openSpeed: 300 
});

這應該意味着每一個a與類gallery頁面上會結合成一個可點擊的燈箱畫廊，很酷，但是我這樣做的時候，我的貓頭鷹傳送帶打破I embedded this beautiful slider在我的主題以及希望結合使用這個滑塊與燈箱！

我發現什麼了到目前爲止：

當上面的代碼不包括在我的js文件，貓頭鷹轉盤指定了以下類別：owl-carousel owl-theme owl-responsive-1199 owl-loaded注意owl-loaded
當上述代碼包含的在我的js文件中，貓頭鷹旋轉木馬只有類別owl-carousel，意思是它隱藏起來，並且沒有加載。它在我的DOM中，但由於缺少類而沒有顯示。

我不知道是什麼原因造成的，還有什麼可以告訴你們。我可以理解你有更多的問題，所以請問，以便我可以給你更多的信息。

謝謝！

來源

2014-10-02 Boris Kamp

因此，如果您要初始化包含在貓頭鷹滑塊中的圖像上的羽毛插件，我認爲問題將在時間上。

退房this pen

$(document).ready(function(){ 

    var carousel = $('.owl-carousel').owlCarousel({ 
    loop:true, 
    margin:10, 
    nav:true, 
    responsive:{ 
     0:{ 
      items:1 
     }, 
     600:{ 
      items:3 
     }, 
     1000:{ 
      items:3 
     } 
    } 
    }); 

    $('a.gallery').featherlightGallery({ 
    gallery: { 
     previous: '«', 
     next: '»', 
     fadeIn: 300 
    }, 
    openSpeed: 300 
    }); 

});

在我已裝入兩個貓頭鷹carousel.min.js，feather.min.js和feather.gallery.min.js因爲它說的筆「畫廊只是這個插件」（呵呵，pluginception）插件..

所以你步驟：

確保您已經加載的所有資產
檢查您的js是否可以找到.gallery類鏈接
如果不是，請修復它。
自定義您的需求。

來源

2014-10-02 10:53:28

謝謝！我有上面的Featherlight js ** **貓頭鷹旋轉木馬JS，這是問題。我改變了順序，現在他們按預期一起工作....謝謝！任何想法如何這是一個問題？ – 2014-10-02 14:45:31

不客氣。順便謝謝讓我知道這些插件:) – 2014-10-03 16:32:44

不客氣:-)我發現featherlight不是我最後的最佳選擇。我現在正在與Blueimp畫廊合作，外觀和功能非常棒！看看這裏：https://github.com/blueimp/Gallery和畫廊擴展：https://github.com/blueimp/Bootstrap-Image-Gallery – 2014-10-03 18:18:31

Featherlight Lightbox JS問題

回答

相關問題