Mehrfacheinträge durch mehrere Links, Fancybox Problem

Karottenkopf51

Grünschnabel
Servus,

habe ein Problem mit Fancybox. Habe es mit meiner Galerie verknüpft und soweit funktioniert es auch. Allerdings hat man bei der Galerie die Möglichkeit auf das Thumb (siehe 1) und auf ein seperates Optionsmenü (siehe 2 & 3) zu klicken um das Bild in der Fancybox anzusehen.

Unbenannt9bqc1.PNG


Habe Fancybox gesagt, dass er eine Galerie aus allen Elementen mit der Klasse "fancy_gallery" erstellen soll:

Code:
<script type="text/javascript">
	$(document).ready(function() {
		$("a.fancy_gallery").fancybox({
		});
	});
</script>
Nun habe ich im Quelltext halt zwei Links, mit der selben Klasse, die mich auf das selbe Bild führen. Einmal über das Thumb-Image:

Code:
<a class="fancy_gallery" href="images/photos/'.$imageArray[$i]['filename'].'" rel="gallery"><img src="images/photos/small/'.$photoArray[$i]['gafilename'].'" alt="" /></a>

und einmal über das Menü:

Code:
<a class="fancy_gallery" href="images/photos/'.$imageArray[$i]['filename'].'" rel="gallery">Foto vergrößern</a>

Und dadurch habe ich die entsprechenden Bilder halt doppelt drin. Ich möchte durch die gesamte Galerie 'zappen' können, von daher kommt eine Lösung mit IDs nicht in Frage.

Kann mir da jemand helfen?

Gruß
 
Ich würde einfach beim Klick auf 2 oder 3 den Klick bei 1 Auslösen. So bleibt der Code unverändert und du löst die Fancybox quasi von außen aus.

Beispiel:

HTML:
<ul>
    <li>
        <a class="fancy_gallery" href="images/photos/foo1.jpg" rel="gallery"><img src="images/photos/foo1.jpg" alt="" /></a>
        <a href="images/photos/foo1.jpg" rel="gallery_button">Foto vergrößern</a>
    </li>
    <li>
        <a class="fancy_gallery" href="images/photos/foo2.jpg" rel="gallery"><img src="images/photos/foo2.jpg" alt="" /></a>
        <a href="images/photos/foo2.jpg" rel="gallery_button">Foto vergrößern</a>
    </li>
</ul>

Javascript:
$(document).ready(function() {
    $("a[rel=gallery]").fancybox({});

    $("a[rel=gallery_button]").click(function() {
        //Klick des Bildes auslösen
        $("a[rel=gallery]", this.parentNode).click();
    });
});
 

Neue Beiträge

Zurück