javascript - 使 Colorbox 一次加载一张图像

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

如果我单击上面的图像/链接之一，colorbox 将加载所有三个图像/链接并允许用户在它们之间切换。我只想单独加载每个图像，而不必为每个图像提供唯一的类 ID。

我检查了 Colorbox Documentation ，并且没有看到任何对我的案子有帮助的东西。

Answer 1

我想你只需要删除这个:

rel:'group2',

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