Colorbox: управление порядком в группе rel (галерея)

Question

Возможно ли в ColorBox контролировать порядок отображения фотографий в сгруппированной (rel = "group") галерее?

К сожалению, из-за макета моей страницы фотографии появляются в вертикальных столбцах, которые необходимо сгруппировать по горизонтали. Таким образом, ссылки выводятся в вертикальном порядке в HTML, то есть:

1 4 7
2 5 8
3 6 9

... но должен отображаться как ...

1 2 3
4 5 6
7 8 9

Что мне нужно сделать, это переопределить естественный порядок, вроде табиндекса, то есть:

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]"

Возможно ли это?

Answer 1

Извините, я не могу придумать простой способ сделать это. Порядок в Colorbox контролируется размещением DOM, и нет способа изменить это вне редактирования плагина. Проще всего было бы сделать несколько уродливым: создать дублированный набор элементов DOM в правильном порядке и вместо них назначить для них цветовую коробку (это можно сделать с помощью JS, и их отображение может быть установлено на none, чтобы они были скрыты от посетителя). ). Затем используйте исходные ссылки, чтобы вызвать colorbox на дублированной ссылке, которая имеет то же значение href.