Fancybox 중복없이 동일한 갤러리에 여러 개의 링크가 있습니다.

Question

그래서 갤러리 갤러리와 몇 개의 링크가 있습니다. 그와 같은 것

<a href="/images/1.jpg" rel="1">title</a> 
<a href="/images/1.jpg" rel="1">link to first image</a> 
<a href="/images/2.jpg" rel="1">link to second image</a> 
<a href="/images/3.jpg" rel="1">link to third image</a> 

이것은 fancybox에서 첫 번째 이미지를 복제하게합니다. 예 : http://filebeam.com/2dec41a1820f2525f040424578c4421c.jpg

중복없이 동일한 개체에 여러 링크를 만들려면 어떻게해야합니까?

Answer 1

모든 링크를 볼 수 있고 클릭 할 경우, 당신은 나머지 fancyBox 갤러리를 여는 첫 번째에 대한 사용자 지정 클릭 핸들러 만들 수 있습니다 - 조치를 참조

<a data-trigger-rel="gallery" class="fancybox-trigger" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a> 

<br /> 
<br /> 

<a rel="gallery" class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a> 

<a rel="gallery" class="fancybox" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt=""/></a> 

$(".fancybox-trigger").click(function() { 

    $("a[rel='" + $(this).data('trigger-rel') + "']").eq(0).trigger('click'); 

    return false; 

}); 


$(".fancybox").fancybox(); 

-http://jsfiddle.net/g9R4H/

을