डुप्लिकेशन

Question

0 बिना किसी गैलरी के फैंक्सबॉक्स एकाधिक लिंक, इसलिए मेरे पास छवियों की एक गैलरी है, और इसके कुछ लिंक हैं। कि

<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/