Colorbox - 오류없이 여러 그룹을 유지할 수 없습니다.

Question

Colorbox here을 사용하고 있습니다.

설정을 보면 한 페이지에 여러 그룹이 있습니다. 나는 그들의 그룹을 1에서 9까지 그룹으로 구분했다. 그러나 두 번째와 세 번째 항목을 클릭하면 작성자의 코드를 기반으로하는 방식이 표시됩니다. Group1이 식별되는 것과 동일한 방식으로 모든 것을 표시하고 싶습니다 (이는 탄성 전환 임). 그러나 Group1에 속한 모든 것을 덩어리로 만들면 모두 같은 이미지 갤러리에 포함될 것이고 나는 그것을 원하지 않습니다.

<h2>OAC Walkthrough</h2> <!--Elastic Transition--> 
<p><a class="group1" href="content/ohoopee1.jpg" title="OAC Welcome Page">OAC Welcome Page</a></p> 
<p><a class="group1 hidden" href="content/ohoopee2.jpg" title="OAC Page 2">OAC Page 2</a></p> 
<p><a class="group1 hidden" href="content/ohoopee3.jpg" title="OAC Page 3">OAC Page 3</a></p> 


<h2>FAFSA Walkthrough</h2> <!--Elastic Transition--> 
<p><a class="group2" href="content/ohoopee1.jpg" title="FAFSA Welcome Page">FAFSA Welcome Page</a></p> 
<p><a class="group2 hidden" href="content/ohoopee2.jpg" title="FAFSA Page 2">FAFSA Page 2</a></p> 
<p><a class="group2 hidden" href="content/ohoopee3.jpg" title="FAFSA Page 3">FAFSA Page 3</a></p> 

<h2>FAFSA PIN Walkthrough</h2> <!--Elastic Transition--> 
<p><a class="group3" href="content/ohoopee1.jpg" title="PIN Welcome Page">PIN Welcome Page</a></p> 
<p><a class="group3 hidden" href="content/ohoopee2.jpg" title="PIN Page 2">PIN Page 2</a></p> 
<p><a class="group3 hidden" href="content/ohoopee3.jpg" title="PIN Page 3">PIN Page 3</a></p> 

어떻게 수정합니까?

Answer 1

그것이 나오는 것에 따라, 코드의 태그에 다음 코드가 ...

$(".group1").colorbox({rel:'group1'}); 
$(".group2").colorbox({rel:'group2', transition:"fade"}); 
$(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"}); 
$(".group4").colorbox({rel:'group4', slideshow:true}); 

는 단순히 그룹 2, 3, 4 제거하고 그룹 1의 명칭을 가져다가 이것을 다음과 같이 반복했습니다 ...

$(".group1").colorbox({rel:'group1'}); 
$(".group2").colorbox({rel:'group2'}); 
$(".group3").colorbox({rel:'group3'}); 
$(".group4").colorbox({rel:'group4'}); 
$(".group5").colorbox({rel:'group5'}); 
$(".group6").colorbox({rel:'group6'}); 
$(".group7").colorbox({rel:'group7'}); 
$(".group8").colorbox({rel:'group8'}); 
$(".group9").colorbox({rel:'group9'}); 

... 저는 총 9 개의 그룹을 가지고 있기 때문에 .... 모든 것이 잘되었습니다.