Navigieren durch Bilder

Question

Ich verwende fancyBox, wo Sie die Bilder in <a> s wraps, und wenn Sie in sie klicken, werden sie vergrößern. Es scheint jedoch, dass Sie auch zum vorherigen nächsten Bild navigieren können. In meiner Anwendung habe ich Panels, also würde ich gerne zu den Bildern des ersten Panels navigieren können, aber ich möchte nicht wollen, um vom letzten Bild des 1. Panels zum ersten Bild von navigieren zu können das 2. Panel.

Gibt es eine Möglichkeit, dies zu tun?

<!-- in the first panel --> 
<a class="fancybox" rel="group" href="img0"><img src="img0"/></a> 
<a class="fancybox" rel="group" href="img1"><img src="img1"/></a> 

<!-- in the second panel --> 
<a class="fancybox" rel="group" href="img2"><img src="img2"/></a> 
<a class="fancybox" rel="group" href="img3"><img src="img3"/></a> 

Ich will nicht von „img1“ navigieren können „img2“, wie dies zu tun?

---

Ich dachte rel würde helfen, aber es zu einem zufälligen Namen in der zweiten Platte Einstellung schien nicht den Trick zu machen!

Answer 1

Vom Fancbox website, sollten Sie Ihre Gruppe Galerien mit dem Attribut rel:

Hinweis - Galerien von Elementen erstellt werden, die die gleiche "rel" Tag, Beispiel haben:

/* HTML */ 
<a class="grouped_elements" rel="group1" href="image_big_1.jpg"><img src="image_small_1.jpg" alt=""/></a> 
<a class="grouped_elements" rel="group1" href="image_big_2.jpg"><img src="image_small_2.jpg" alt=""/></a> 

<a class="grouped_elements" rel="group2" href="image_big_3.jpg"><img src="image_small_3.jpg" alt=""/></a> 
<a class="grouped_elements" rel="group2" href="image_big_4.jpg"><img src="image_small_4.jpg" alt=""/></a> 

/* This will create two galleries */ 

$("a.grouped_elements").fancybox();