使Colorbox一次加载一个图像

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

我想要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，并没有看到任何有助于我的情况。

来源

2012-02-01 robabby

我想你只需要删除此：

rel:'group2',

根据该文档，这又是什么造成他们组合在一起。

来源

2012-02-01 16:52:39

喜欢buttah！必须仔细看看...谢谢！ – robabby 2012-02-01 17:00:25

你有没有试过$("a.gallery").colorbox({rel:"group1"});应该覆盖默认分组？

来源

2012-02-01 16:51:02 ianbarker

同样的结果，仍然让我通过图像选项卡。更新您的示例以匹配我的代码。 '' – robabby 2012-02-01 16:57:32

使Colorbox一次加载一个图像

回答

相关问题