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问题

回答

相关问题