GalleryView 3.0 + Hyperlinks (Plural)

[flavor]

Hallo allesamt,

Ich versuche das JQuery Plugin "GalleryView 3.0" so anzupassen, dass jedes Bild mit einem eigenen Hyperlink versorgt ist. Grundsätzlich wird das Plugin ohne diese Funktion ausgeliefert. Ich habe bisher zwei gute Ansätze eingearbeitet.

Ansatz 1:

In die js.php ergänze ich folgenden GV relevanten code mit dem man das Plugin aufruft

$(document).ready(function(){

		$('#gallery').galleryView();

});[/PHP]

mit

[PHP]$(document).ready(function(){
$('#gallery').galleryView();

$('.gallery').hover(function() {
$(this).wrap('<a href="' + this.href + '" target="_self"/>');
}, function() {
$(this).unwrap('<a></a>');
});

});[/PHP]

und in der Template eigenen index.html umschließe ich die Bilder mit den Links folgendermaßen

[PHP]<ul id="gallery">
<span class="gallery"><a href="http://www.test.de/de/customer.html"><li><img src="../templates/wein_online_kaufen/gallery/1.jpg" alt="image" title="Pretty " data-description="Test"/></li></a></span>

<span class="gallery"><a href="http://www.test/de/checkout/shipping.html"><li><img src="../templates/wein_online_kaufen/gallery/2.jpg" alt="image" title="Pretty " data-description="Test"/></li></a></span>
</ul>[/PHP]

Jetzt müsste es eigentlich funktionieren, tut es aber nicht. Keine Funktion beim klicken auf die Bilder.

ACHTUNG! :rtfm:Wenn ich aber den Namen der id="gallery" ändere, z.B. "xyz", dann funktioniert jeder der Hyperlinks wunderbar. Hierbei werden allerdings die Billder aus der Formatierung genommen und das Layout zerstört.

Wo könnte denn der Fehler liegen?

[b]Ansatz 2:[/b]

Um die Bilder mit Hyperlinks zu versehen, hat ein pfiffiges Köpfchen gleich die [i]jquery.galleryview-3.0-dev.js[/i] umgeschrieben.

Hier der Link zur der überschriebenen Datei

Dementsprechend habe ich meine Datei angepasst. Wenn ich das richtig verstanden habe, sind keine weiteren Dateien zu ändern.

Aufrufen der Links mache ich in der index.html über data-herf:

[PHP]<ul id="gallery">
<li><img src="../templates/wein_online_kaufen/gallery/2.jpg"
data-href="http://www.test.de/de/customer.html" alt="image" title="Pretty Picture" data-description="Testbild 2n about the photo"/></li>

<li><img src="../templates/wein_online_kaufen/gallery/3.jpg"
data-href="http://www.test.de/de/Widerrufsrecht.html" alt="image" title="Pretty Picture" data-description="tzest Bild 3the photo" /></li>

</ul>[/PHP]

Hier ist wiederum das Problem, dass immer nur der erste Link anwählbar ist. Bedeutet; wenn das 1 Bild zum 2 Bild wechselt und ich es anklicke, werde ich mit dem Link des 1 Bildes weitergeleitet und nicht mit dem Link des 2 Bildes.

Warum wird hier mit dem laden des 2 Bildes nicht der dazugehörige Link mit geladen?

[flavor]

GELÖST!

Im Ansatz 2 wurde die Datei in der Zeile 932 mit folgenden Code ergänzt:

dom.gv_panelWrap.undelegate('.gv_panel','click.galleryview');[/PHP]

Hat wohl etwas mit der neuen Funktion von JQuery zu tun.