Bootstrap Gallery with Lightbox

Question

我使用了ekko lightbox和bootstrap模式来创建一个画廊。然而，我似乎不能让图像导航控件像本例中那样显示/工作：http://ashleydw.github.io/lightbox/#image-gallery

正如您所看到的，当您将鼠标悬停在图像上时，您会看到导航控制箭头。我试着给我的图片添加数据属性data-gallery="multiimages“，但是没有用。

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

感谢您的任何帮助，

提亚

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',
    });
});