Question

目前我已经设置了Colorbox，以便在页面加载时自动启动，但我需要将其放在页面上的div中，而不是悬停在页面的中心。我怎样才能做到这一点？谢谢你的阅读。

Answer 1

您可以将此javascript片段插入到文档完成的javascript中，然后绑定colorbox。

$(document).bind('cbox_complete', function(){
        var divContent = $('#cboxLoadedContent').html(); // Grab the content of cboxLoadedContent div
        $('#colorbox').hide(); // Hide colorbox div
        $('#cboxOverlay').hide(); // Hide the overlay div
        $('#Output').html(divContent); // put the content inside the specified div.
});

这样做是在图像/页面成功加载到彩盒后，它会立即抓取该内容，隐藏彩盒和叠加层，并将该内容转储到新的div中。

是的，您会看到彩色框的打开和关闭在屏幕上快速闪烁，但这样做会有效。如果您想要更多控件，则可以自定义这些事件：onOpen或onLoad。请参阅我帖子底部的链接以访问colorbox网站了解更多详情。

除了cboxLoadedContent，您还可以使用#cboxWrapper或#colorbox divs，具体取决于您希望嵌入div中的颜色框信息量。

请注意，如果您希望它允许在div内导航，则必须重新绑定按钮。

您可以转到Colorbox Site了解更多自定义选项。

Answer 2

我认为Colorbox是你想要的错误工具。您想要的功能更像是图库。您可能会喜欢以下内容：Galleriffic或Galleria

如何让Colorbox出现在div中？

2 个答案: