Fancy Image anzeigen

[molily]

Hallo,

Ich weiß aber jetzt nicht, wie ich das mit den verschiedenen Reisen realisieren soll, sodass eben, wenn ich z.B.: Kanada klicke nur die Tumpnails von Kanada dargestellt werden, und wenn ich USA klicke, dass dann nur die Tumpnails von den USA angezeigt werden.

Aus der Dokumentation:

http://fancybox.net/howto

»Note - Galleries are created from elements who have the same "rel" tag«

Das heißt, du kannst in einem Dokument zwei Galerien einbinden, indem die jeweiligen a-Elemente gleiche rel-Attributwerte haben. Beispielsweise:

<ul class="galerie">  
 <li><a rel="amerika" href="amerika1-gross.jpg"><img src="amerika1-klein.jpg" alt="..."></a></li>  
 <li><a rel="amerika" href="amerika2-gross.jpg"><img src="amerika2-klein.jpg" alt="..."></a></li>  
 <!-- usw. -->  
</ul>  
  
<ul class="galerie">  
 <li><a rel="kanada" href="kanada1-gross.jpg"><img src="kanada1-klein.jpg" alt="..."></a></li>  
 <li><a rel="kanada" href="kanada2-gross.jpg"><img src="kanada2-klein.jpg" alt="..."></a></li>  
 <!-- usw. -->  
</ul>

Der JavaScript-Aufruf dazu:

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

Mathias