✔ Javascript-Aufruf eines "Slimbox 2"-Links funktioniert nicht

[Warper]

Hallo,

ich hoffe mein Threadtitel passt. Ich habe auf einer Seite zwei Javascripts kombiniert. Der eine generiert mir eine horizontale Bilderlaufleiste, der andere ist das wahrscheinlich bekannte Slimbox 2 script, welches ganz nette Bilderpopups dank jQuery Bibliothek realisiert.

Nun habe ich beides versuch zu kombinieren und das funktioniert im Safari auch wunderbar, im IE/Firefox leider nicht. Ich habe aktuell keinen Schimmer woran es liegen könnte, habe ich die Anführungszeichen falsch maskiert? Falsche Anführungszeichen überhaupt? Jedenfalls kommt im IE/Firefox nicht das slimbox Popup, sondern eine weiße Seite die "false" ausgibt.

Ich bin leider nicht so der JS Pro und weiß nicht richtig wo ich ansetzen soll, weil es hier funktioniert, dort aber nicht.

Die Seite ist die folgende: http://netsh101228.web05.net-server.de/de_index.php

Der betreffende Quelltext ist dieser hier (Ich weiß, man kann den Array für slimbox auch nur einmal definieren, wollte aber bisher alle Fehlerquellen ausschließen):

		//Specify the slider's images
		var leftrightslide=new Array()
		var finalslide=''
		leftrightslide[0]='<a href="javascript:jQuery.slimbox([[\'gfx/header_bild_1.jpg\'],[\'gfx/header_bild_2.jpg\'],[\'gfx/header_bild_3.jpg\'],[\'gfx/header_bild_4.jpg\'],[\'gfx/header_bild_5.jpg\'],[\'gfx/header_bild_6.jpg\'],[\'gfx/header_bild_7.jpg\'],[\'gfx/header_bild_8.jpg\'],[\'gfx/header_bild_9.jpg\'],[\'gfx/header_bild_10.jpg\'],[\'gfx/header_bild_11.jpg\'],[\'gfx/header_bild_12.jpg\'],[\'gfx/header_bild_13.jpg\'],[\'gfx/header_bild_14.jpg\']],0);" rel="lightbox-bilderscroller"><img src="gfx/header_bild_1_klein.jpg"></a>'
		leftrightslide[1]='<a href="javascript:jQuery.slimbox([[\'gfx/header_bild_1.jpg\'],[\'gfx/header_bild_2.jpg\'],[\'gfx/header_bild_3.jpg\'],[\'gfx/header_bild_4.jpg\'],[\'gfx/header_bild_5.jpg\'],[\'gfx/header_bild_6.jpg\'],[\'gfx/header_bild_7.jpg\'],[\'gfx/header_bild_8.jpg\'],[\'gfx/header_bild_9.jpg\'],[\'gfx/header_bild_10.jpg\'],[\'gfx/header_bild_11.jpg\'],[\'gfx/header_bild_12.jpg\'],[\'gfx/header_bild_13.jpg\'],[\'gfx/header_bild_14.jpg\']],1);" rel="lightbox-bilderscroller"><img src="gfx/header_bild_2_klein.jpg"></a>'
		leftrightslide[2]='<a href="javascript:jQuery.slimbox([[\'gfx/header_bild_1.jpg\'],[\'gfx/header_bild_2.jpg\'],[\'gfx/header_bild_3.jpg\'],[\'gfx/header_bild_4.jpg\'],[\'gfx/header_bild_5.jpg\'],[\'gfx/header_bild_6.jpg\'],[\'gfx/header_bild_7.jpg\'],[\'gfx/header_bild_8.jpg\'],[\'gfx/header_bild_9.jpg\'],[\'gfx/header_bild_10.jpg\'],[\'gfx/header_bild_11.jpg\'],[\'gfx/header_bild_12.jpg\'],[\'gfx/header_bild_13.jpg\'],[\'gfx/header_bild_14.jpg\']],2);" rel="lightbox-bilderscroller"><img src="gfx/header_bild_3_klein.jpg"></a>'
		leftrightslide[3]='<a href="javascript:jQuery.slimbox([[\'gfx/header_bild_1.jpg\'],[\'gfx/header_bild_2.jpg\'],[\'gfx/header_bild_3.jpg\'],[\'gfx/header_bild_4.jpg\'],[\'gfx/header_bild_5.jpg\'],[\'gfx/header_bild_6.jpg\'],[\'gfx/header_bild_7.jpg\'],[\'gfx/header_bild_8.jpg\'],[\'gfx/header_bild_9.jpg\'],[\'gfx/header_bild_10.jpg\'],[\'gfx/header_bild_11.jpg\'],[\'gfx/header_bild_12.jpg\'],[\'gfx/header_bild_13.jpg\'],[\'gfx/header_bild_14.jpg\']],3);" rel="lightbox-bilderscroller"><img src="gfx/header_bild_4_klein.jpg"></a>'
		leftrightslide[4]='<a href="javascript:jQuery.slimbox([[\'gfx/header_bild_1.jpg\'],[\'gfx/header_bild_2.jpg\'],[\'gfx/header_bild_3.jpg\'],[\'gfx/header_bild_4.jpg\'],[\'gfx/header_bild_5.jpg\'],[\'gfx/header_bild_6.jpg\'],[\'gfx/header_bild_7.jpg\'],[\'gfx/header_bild_8.jpg\'],[\'gfx/header_bild_9.jpg\'],[\'gfx/header_bild_10.jpg\'],[\'gfx/header_bild_11.jpg\'],[\'gfx/header_bild_12.jpg\'],[\'gfx/header_bild_13.jpg\'],[\'gfx/header_bild_14.jpg\']],4);" rel="lightbox-bilderscroller"><img src="gfx/header_bild_5_klein.jpg"></a>'
		leftrightslide[5]='<a href="javascript:jQuery.slimbox([[\'gfx/header_bild_1.jpg\'],[\'gfx/header_bild_2.jpg\'],[\'gfx/header_bild_3.jpg\'],[\'gfx/header_bild_4.jpg\'],[\'gfx/header_bild_5.jpg\'],[\'gfx/header_bild_6.jpg\'],[\'gfx/header_bild_7.jpg\'],[\'gfx/header_bild_8.jpg\'],[\'gfx/header_bild_9.jpg\'],[\'gfx/header_bild_10.jpg\'],[\'gfx/header_bild_11.jpg\'],[\'gfx/header_bild_12.jpg\'],[\'gfx/header_bild_13.jpg\'],[\'gfx/header_bild_14.jpg\']],5);" rel="lightbox-bilderscroller"><img src="gfx/header_bild_6_klein.jpg"></a>'
		leftrightslide[6]='<a href="javascript:jQuery.slimbox([[\'gfx/header_bild_1.jpg\'],[\'gfx/header_bild_2.jpg\'],[\'gfx/header_bild_3.jpg\'],[\'gfx/header_bild_4.jpg\'],[\'gfx/header_bild_5.jpg\'],[\'gfx/header_bild_6.jpg\'],[\'gfx/header_bild_7.jpg\'],[\'gfx/header_bild_8.jpg\'],[\'gfx/header_bild_9.jpg\'],[\'gfx/header_bild_10.jpg\'],[\'gfx/header_bild_11.jpg\'],[\'gfx/header_bild_12.jpg\'],[\'gfx/header_bild_13.jpg\'],[\'gfx/header_bild_14.jpg\']],6);" rel="lightbox-bilderscroller"><img src="gfx/header_bild_7_klein.jpg"></a>'
		leftrightslide[7]='<a href="javascript:jQuery.slimbox([[\'gfx/header_bild_1.jpg\'],[\'gfx/header_bild_2.jpg\'],[\'gfx/header_bild_3.jpg\'],[\'gfx/header_bild_4.jpg\'],[\'gfx/header_bild_5.jpg\'],[\'gfx/header_bild_6.jpg\'],[\'gfx/header_bild_7.jpg\'],[\'gfx/header_bild_8.jpg\'],[\'gfx/header_bild_9.jpg\'],[\'gfx/header_bild_10.jpg\'],[\'gfx/header_bild_11.jpg\'],[\'gfx/header_bild_12.jpg\'],[\'gfx/header_bild_13.jpg\'],[\'gfx/header_bild_14.jpg\']],7);" rel="lightbox-bilderscroller"><img src="gfx/header_bild_8_klein.jpg"></a>'
		leftrightslide[8]='<a href="javascript:jQuery.slimbox([[\'gfx/header_bild_1.jpg\'],[\'gfx/header_bild_2.jpg\'],[\'gfx/header_bild_3.jpg\'],[\'gfx/header_bild_4.jpg\'],[\'gfx/header_bild_5.jpg\'],[\'gfx/header_bild_6.jpg\'],[\'gfx/header_bild_7.jpg\'],[\'gfx/header_bild_8.jpg\'],[\'gfx/header_bild_9.jpg\'],[\'gfx/header_bild_10.jpg\'],[\'gfx/header_bild_11.jpg\'],[\'gfx/header_bild_12.jpg\'],[\'gfx/header_bild_13.jpg\'],[\'gfx/header_bild_14.jpg\']],8);" rel="lightbox-bilderscroller"><img src="gfx/header_bild_9_klein.jpg"></a>'
		leftrightslide[9]='<a href="javascript:jQuery.slimbox([[\'gfx/header_bild_1.jpg\'],[\'gfx/header_bild_2.jpg\'],[\'gfx/header_bild_3.jpg\'],[\'gfx/header_bild_4.jpg\'],[\'gfx/header_bild_5.jpg\'],[\'gfx/header_bild_6.jpg\'],[\'gfx/header_bild_7.jpg\'],[\'gfx/header_bild_8.jpg\'],[\'gfx/header_bild_9.jpg\'],[\'gfx/header_bild_10.jpg\'],[\'gfx/header_bild_11.jpg\'],[\'gfx/header_bild_12.jpg\'],[\'gfx/header_bild_13.jpg\'],[\'gfx/header_bild_14.jpg\']],9);" rel="lightbox-bilderscroller"><img src="gfx/header_bild_10_klein.jpg"></a>'
		leftrightslide[10]='<a href="javascript:jQuery.slimbox([[\'gfx/header_bild_1.jpg\'],[\'gfx/header_bild_2.jpg\'],[\'gfx/header_bild_3.jpg\'],[\'gfx/header_bild_4.jpg\'],[\'gfx/header_bild_5.jpg\'],[\'gfx/header_bild_6.jpg\'],[\'gfx/header_bild_7.jpg\'],[\'gfx/header_bild_8.jpg\'],[\'gfx/header_bild_9.jpg\'],[\'gfx/header_bild_10.jpg\'],[\'gfx/header_bild_11.jpg\'],[\'gfx/header_bild_12.jpg\'],[\'gfx/header_bild_13.jpg\'],[\'gfx/header_bild_14.jpg\']],10);" rel="lightbox-bilderscroller"><img src="gfx/header_bild_11_klein.jpg"></a>'
		leftrightslide[11]='<a href="javascript:jQuery.slimbox([[\'gfx/header_bild_1.jpg\'],[\'gfx/header_bild_2.jpg\'],[\'gfx/header_bild_3.jpg\'],[\'gfx/header_bild_4.jpg\'],[\'gfx/header_bild_5.jpg\'],[\'gfx/header_bild_6.jpg\'],[\'gfx/header_bild_7.jpg\'],[\'gfx/header_bild_8.jpg\'],[\'gfx/header_bild_9.jpg\'],[\'gfx/header_bild_10.jpg\'],[\'gfx/header_bild_11.jpg\'],[\'gfx/header_bild_12.jpg\'],[\'gfx/header_bild_13.jpg\'],[\'gfx/header_bild_14.jpg\']],11);" rel="lightbox-bilderscroller"><img src="gfx/header_bild_12_klein.jpg"></a>'
		leftrightslide[12]='<a href="javascript:jQuery.slimbox([[\'gfx/header_bild_1.jpg\'],[\'gfx/header_bild_2.jpg\'],[\'gfx/header_bild_3.jpg\'],[\'gfx/header_bild_4.jpg\'],[\'gfx/header_bild_5.jpg\'],[\'gfx/header_bild_6.jpg\'],[\'gfx/header_bild_7.jpg\'],[\'gfx/header_bild_8.jpg\'],[\'gfx/header_bild_9.jpg\'],[\'gfx/header_bild_10.jpg\'],[\'gfx/header_bild_11.jpg\'],[\'gfx/header_bild_12.jpg\'],[\'gfx/header_bild_13.jpg\'],[\'gfx/header_bild_14.jpg\']],12);" rel="lightbox-bilderscroller"><img src="gfx/header_bild_13_klein.jpg"></a>'
		leftrightslide[13]='<a href="javascript:jQuery.slimbox([[\'gfx/header_bild_1.jpg\'],[\'gfx/header_bild_2.jpg\'],[\'gfx/header_bild_3.jpg\'],[\'gfx/header_bild_4.jpg\'],[\'gfx/header_bild_5.jpg\'],[\'gfx/header_bild_6.jpg\'],[\'gfx/header_bild_7.jpg\'],[\'gfx/header_bild_8.jpg\'],[\'gfx/header_bild_9.jpg\'],[\'gfx/header_bild_10.jpg\'],[\'gfx/header_bild_11.jpg\'],[\'gfx/header_bild_12.jpg\'],[\'gfx/header_bild_13.jpg\'],[\'gfx/header_bild_14.jpg\']],13);" rel="lightbox-bilderscroller"><img src="gfx/header_bild_14_klein.jpg"></a>'

Ich habe mich dabei an die API Doku für Multiple Images gehalten: http://code.google.com/p/slimbox/wiki/jQueryAPI. Nur die " hab ich durch ' ersetzt, da ich bereits den HTML Part mit " maskiert habe.

Hat jemand eine Idee?

Liebe Grüße und vielen Dank im Voraus,
Steffen

 

[Quaese]

Hi,

ruf die slimbox-Methode im onclick-Event der Links auf und schliesse sie mit einem return false ab.

Beispiel für die erste Komponente:

leftrightslide[0]='<a href="#" onclick="jQuery.slimbox([[&quot;gfx/header_bild_1.jpg&quot;],[&quot;gfx/header_bild_2.jpg&quot;],[&quot;gfx/header_bild_3.jpg&quot;],[&quot;gfx/header_bild_4.jpg&quot;],[&quot;gfx/header_bild_5.jpg&quot;],[&quot;gfx/header_bild_6.jpg&quot;],[&quot;gfx/header_bild_7.jpg&quot;],[&quot;gfx/header_bild_8.jpg&quot;],[&quot;gfx/header_bild_9.jpg&quot;],[&quot;gfx/header_bild_10.jpg&quot;],[&quot;gfx/header_bild_11.jpg&quot;],[&quot;gfx/header_bild_12.jpg&quot;],[&quot;gfx/header_bild_13.jpg&quot;],[&quot;gfx/header_bild_14.jpg&quot;]],0); return false;" rel="lightbox-bilderscroller"><img src="gfx/header_bild_1_klein.jpg"></a>'

Ciao
Quaese

 

[Warper]

Super! Danke! Funktioniert prächtig. Und die Idee die kodierte Zeichen zu verwenden anstatt der Anführungszeichen finde ich auch top! Hätte ich auch mal selbst drauf kommen können.

Schöne Grüße,
Steffen