Thickbox Javascript - PREV und NEXT durch Bild ersetzen

benpen

Hallo,

ich benutze für mein Wordpress-Blog die Gallery NextGen und dazu Thickbox. Jetzt möchte ich in dem Thickboxfenster nicht PREV und NEXT stehen haben sondern stattdessen ein kleines GIF oder PNG mit Pfeilen.

Das JAVASCRIPT sieht im Original so aus:

Code

... (TB_NextHTML===""));TB_Counter++){var urlTypeTemp=TB_TempArray[TB_Counter].href.toLowerCase().match(urlString);if(!(TB_TempArray[TB_Counter].href==url)){if(TB_FoundURL){TB_NextCaption=TB_TempArray[TB_Counter].title;TB_NextURL=TB_TempArray[TB_Counter].href;TB_NextHTML="<span id='TB_next'>&nbsp;&nbsp;


[B]<a href='#'>NEXT &gt;</a>[/B]


</span>"}else{TB_PrevCaption=TB_TempArray[TB_Counter].title;TB_PrevURL=TB_TempArray[TB_Counter].href;TB_PrevHTML="<span id='TB_prev'>&nbsp;&nbsp;


[B]<a href='#'>&lt; ZURUECK</a>[/B]


</span>"}}else{TB_FoundURL=true;TB_imageCount="Image "+(TB_Counter+1)+" of "+(TB_TempArray.length)}}}imgPreloader=new ...

Alles anzeigen

Und so habe ich es geändert:

Code

... (TB_NextHTML===""));TB_Counter++){var urlTypeTemp=TB_TempArray[TB_Counter].href.toLowerCase().match(urlString);if(!(TB_TempArray[TB_Counter].href==url)){if(TB_FoundURL){TB_NextCaption=TB_TempArray[TB_Counter].title;TB_NextURL=TB_TempArray[TB_Counter].href;TB_NextHTML="<span id='TB_next'>&nbsp;&nbsp;


[B]<a href='#'><img src="http://www.meineadresse.de/wp-content/plugins/nextgen-gallery/thickbox/next.png" alt="WEITER" /> &gt;</a>[/B]


</span>"}else{TB_PrevCaption=TB_TempArray[TB_Counter].title;TB_PrevURL=TB_TempArray[TB_Counter].href;TB_PrevHTML="<span id='TB_prev'>&nbsp;&nbsp;


[B]<a href='#'>&lt; <img src="http://www.meineadresse.de/wp-content/plugins/nextgen-gallery/thickbox/back.png" alt="ZURUECK" /> </a>[/B]


</span>"}}else{TB_FoundURL=true;TB_imageCount="Image "+(TB_Counter+1)+" of "+(TB_TempArray.length)}}}imgPreloader=new ...

Alles anzeigen

Es klappt aber nicht! Thickbox funktioniert jetzt gar nicht mehr! Was ist daran falsch. Kann mir da jemand helfen?

Danke für schnelle Hilfe.
BP

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

bodo1970

Die Verwendung von " innerhalb von JavaScript-Textzuweisungen ist falsch!

Mit dem ersten " in der src-Zuweisung des ersten IMG-Tags schliest Du die TB_NextHTML-Zuweisung des JavaScripts ab, wodurch dieses korrumpiert wird. Ersetze die von Dir eingefügten " gegen ' dann sollte es funktionieren. Allerdings ist der ausgegebene HTML-Code dann nicht mehr 100% Standard-Konform, soweit ich mich erinnerne, denn dieser sieht die " als Begrenzer für Textwerte vor.

Grüße

Bodo

benpen

Danke für die Antwort. Es funktioniert aber trotzdem nicht.

bodo1970

Hast Du alle Vorkommen des " welche Du eingefügt hast, ersetzt?

Welche Fehlermeldungen werden von den Browsern ausgegeben?

benpen

Oh hatte eins vergessen. Jett klappts. Danke

Rasenkantenstein

Hallo!
Noch zur Thickbox-Sache: Ist es denn irgendwie möglich so wie beim Lightbox mit Hilfe der Pfeiltasten auf der Tastatur zu navigieren?
Außerdem: Ist es möglich, den Titel des Bildes über selbigem einzufügen (und unter dem Bild dann standardmäßig die Beschreibung...)
Vielen Dank!!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Thickbox Javascript - PREV und NEXT durch Bild ersetzen

Jetzt mitmachen!