Colorbox:控制rel组中的顺序(图库)

时间:2012-03-27 15:29:19

标签: gallery grouping colorbox

在ColorBox中,是否可以控制照片在分组(rel =“group”)库中的显示顺序?

不幸的是,由于我的页面布局,照片显示在垂直列中,需要水平分组。所以链接在html中按垂直顺序输出,即:

1 4 7
2 5 8
3 6 9

...但需要显示为......

1 2 3
4 5 6
7 8 9

我需要做的是覆盖自然顺序,有点像tabindex,即:

rel="group[1]"
rel="group[4]"
rel="group[7]"

rel="group[2]"
rel="group[5]"
rel="group[8]"

rel="group[3]"
rel="group[6]"
rel="group[9]"

这可能吗?

1 个答案:

答案 0 :(得分:0)

抱歉,我想不出任何简单的方法。 Colorbox的排序由DOM放置控制,除了编辑插件之外没有办法改变它。最容易做的事情有点难看:以正确的顺序创建一组重复的DOM元素并将颜色框分配给它们(这可以通过JS完成,并且可以将它们的显示设置为无,这样它们就会对访问者隐藏)。然后使用原始链接触发共享相同href值的重复链接上的colorbox。