Colorbox : rel 그룹 (갤러리) 내의 순서 제어

Question

ColorBox에서는 그룹화 된 (rel = "group") 갤러리에 나타나는 사진의 순서를 제어 할 수 있습니까?

내 페이지의 레이아웃으로 인해 사진이 가로 열로 그룹화해야하는 세로 열에 표시됩니다. 내가 할 수있을 필요가있는 무엇

1 2 3 
4 5 6 
7 8 9 

이입니다 ...

1 4 7 
2 5 8 
3 6 9 

...하지만 표시 할 필요가 : 그래서 링크는 즉, HTML에서 수직 순서로 출력이됩니다 즉, tabindex와 같은 일종의 순서를 오버라이드 (override)하기 위해서 :

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 요소의 중복 세트를 만들고 대신에 colorbox를 할당합니다 (JS로 수행 할 수 있으며 표시를 none으로 설정하여 방문자로부터 숨길 수 있음).). 그런 다음 원래 링크를 사용하여 동일한 href 값을 공유하는 중복 링크에서 colorbox를 트리거합니다.