让Colorbox一次加载一张图片

Question

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

我希望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     
});

如果我点击上面的图片/链接之一，colorbox 将加载全部三个并允许用户通过它们。我只想单独加载每个图像，而不必给每个图像分配唯一的类 ID。

我查看了 Colorbox 文档，但没有看到任何有助于我的情况的内容。

- robabby

Answer 1

我认为您只需要删除这个部分：

rel:'group2',

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

- Rob Darwin

---

像黄油一样顺滑！ 可能是我疏忽了...谢谢！ - robabby

Answer 2

你试过使用 $("a.gallery").colorbox({rel:"group1"}); 吗？这应该可以覆盖默认的分组设置。

- ianbarker

---

同样的结果，仍然可以通过图像进行选项卡切换。已更新示例以匹配我的代码。{{link1：<img rel="group2" src =“/ images / rd / demo / 2（3）.png”/>}} - robabby