Question

我使用jQuery Colorbox插件在页面上加载一些图像。我的问题是，colorbox自然会在同一个Div中占用多个实例，然后允许用户使用箭头按钮滚动图像。

我想让colorbox单独加载每个图像，而不为每个图像创建单独的实例/类colorbox。

示例代码：

<a href="../../images/rd/demo/1.3.png" class="group2" ><img src="/images/rd/demo/2.png" /></a>
<a href="../../images/rd/demo/1.3.png" class="group2" ><img src="/images/rd/demo/2.png" /></a>
<a href="../../images/rd/demo/1.3.png" class="group2" ><img src="/images/rd/demo/2.png" /></a>

$(".group2").colorbox({
    rel:'group2', 
    transition:"fade",
    opacity:0.50,
    innerWidth:650,
    innerHeight:400,
    arrowKey: false     
});

如果我点击上面的一个图片/链接，颜色框将加载所有三个图像/链接，并允许用户通过它们进行选项卡。我只想单独加载每个图像，而不必给每个图像一个唯一的类ID。

我检查了Colorbox Documentation，但没有看到任何有助于我案件的事情。

Answer 1

我认为你只需删除它：

rel:'group2',

根据文档，这就是导致它们将它们组合在一起的原因。

Answer 2

您是否尝试过$("a.gallery").colorbox({rel:"group1"});覆盖默认分组？

使Colorbox一次加载一个图像

2 个答案: