Bootstrap Gallery with Lightbox

Question

我使用ekko灯箱以及引导模式来创建一个画廊。然而，我似乎无法让图像导航控件出现/像在这个示例中一样工作：http://ashleydw.github.io/lightbox/#image-gallery

正如你所看到的，当你将鼠标悬停在图像上时，你会看到导航控制箭头。我已经尝试将数据属性data-gallery =“multiimages”添加到我的图像，但这没有帮助。

你可以看到我的开发代码在这里：http://agtdesigns.co.uk/bootstrap-gallery/

赞赏任何帮助，

TIA

Answer 1

我有同样的问题， 看到https://github.com/ashleydw/lightbox/issues/33的答案。

总之，你需要添加一个包装的div，如

<div class="gallery"> 

然后为JS代码

$(document).delegate('*[data-toggle="lightbox"]', 'click', function(event) { 
     event.preventDefault(); 
     return $(this).ekkoLightbox({ 
      always_show_close: true, 
      gallery_parent_selector: '.gallery', 
    }); 
});