Colorbox 만들기 한 번에 하나의 이미지로드

jQuery Colorbox 플러그인을 사용하여 페이지에 일부 이미지를로드합니다. 내 문제는 colorbox가 자연스럽게 동일한 Div에서 여러 인스턴스를 취한 다음 사용자가 화살표 버튼을 사용하여 이미지를 스크롤 할 수 있도록 허용한다는 것입니다.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  
});

, colorbox이 세 가지를 모두로드하고 그들을 통해 탭으로 사용자를 허용합니다. 각 이미지에 고유 한 클래스 ID를 부여하지 않고 개별적으로 각 이미지를로드하기 만하면됩니다.

Colorbox Documentation을 확인했는데 내 경우에 도움이되는 내용이 없었습니다.

출처

2012-02-01 robabby

나는 그냥이를 제거 할 필요가 있다고 생각 :

rel:'group2',

이 문서에 따르면,이 함께 그룹 그들에게 그것을 일으키는거야.

출처

2012-02-01 16:52:39

좋아요! buttah! 그걸 살펴보아야 만합니다 ... 고마워요! – robabby

기본 그룹을 덮어 써야하는 $("a.gallery").colorbox({rel:"group1"});을 사용해 보셨습니까?

출처

2012-02-01 16:51:02 ianbarker

동일한 결과가 표시되어 여전히 이미지 탭을 표시합니다. 내 코드와 일치하도록 예제를 업데이트했습니다. '' – robabby

Colorbox 만들기 한 번에 하나의 이미지로드

답변

관련 문제