Question

我使用ekko灯箱和bootstrap模式来创建图库。但是，我似乎无法让图像导航控件像他们在这个示例中那样显示/工作：http://ashleydw.github.io/lightbox/#image-gallery

正如您可以看到当您将鼠标悬停在图像上时，您会看到导航控制箭头。我尝试过添加数据属性data-gallery =＆＃34; multiimages＆＃34;对我的图像，但这没有帮助。

您可以在此处查看我的开发代码：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',
    });
});

带Lightbox的Bootstrap Gallery

1 个答案: