[gelöst] Pro Slice eine eigene Bildergalerie mit Fancybox

[Tymo]

Hallo,

ein Artikel hat mehrere Bildergalerien, die alle durch ein Modul erzeugt werden. Für die Vergrößerung der Thumbnails nutze ich die Fancybox.

Mein Quelltext sieht in etwa so aus:

Code: Alles auswählen

<ul class="gallery">
	<li><a href="files/bild_gross1.jpg" rel="gallery"><img src="bild_klein1.jpg" width="" height="" alt="" /></a></li>
	<li><a href="files/bild_gross2.jpg" rel="gallery"><img src="bild_klein2.jpg" width="" height="" alt="" /></a></li>
	<li><a href="files/bild_gross3.jpg" rel="gallery"><img src="bild_klein3.jpg" width="" height="" alt="" /></a></li>
</ul>

Die Fanybox löse ich so aus:

Code: Alles auswählen

<script type="text/javascript">
$(document).ready(function() {
	$(".gallery a").fancybox({
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	true
	});
});
</script>

Alle Bilder mit rel="gallery" werden zu einer Galerie zusammengefasst.

Wenn ich jetzt 5 Slices mit 10 Bildern habe werden 50 Bilder zu einer großen Bildergalerie zusammengefasst.

Ich möchte aber 5 Galerien mit 10 Bildern haben.

Hat jemand eine Idee, wie ich das lösen kann?

[Gort]

Der Tag

Code: Alles auswählen

rel="gallery"

sagt JQuery welche Bilder zusammen gehören zu einer Galerie.

Wenn du also mehrere Galerien in einem Artikel erstellen willst, musst du den einzelnen Galerien jeweils einen eigenen eindeutigen rel-Tag geben.

Z.B. so:

rel="gruppe-REX_ARTICLE_ID-REX_SLICE_ID"

[Tymo]

Yes Gort, großartig! Funktioniert.

Die Frage hätte ich mir auch eigentlich sparen können bzw. selbst beantworten können .

Trotzdem vielen Dank!