thickbox statt slimbox wegen jquery-Vorliebe

**vox** · 11.02.2010, 11:36

Hi,

da ich lieber jquery einsetze und dieses sich nicht mit mootools verträgt, möchte/muss ich auch thickbox statt slimbox verwenden.

Im Backend klicke ich ganz normal "Großansicht" an. Dann schreibe ich mit jquery die Links um, d.h. alle Links mit rel="lightbox" bekommen die class="thickbox". Thickbox nutzt rel, um Galerien zu definieren, also schreibe ich die auch um.

Nun wird zwar der Prozess angestoßen, es erscheint das loadingAnimation.gif, aber das große Bild läd nicht.

Die Seite läuft auf einem ISS und URL umschreiben funktioniert nicht. Das heißt die URL lautet http://motus.hotelfachschule-berlin....kollegium.html und Typolight verlinkt aber relativ zum Dokument, also wird er die Bilder wohl in index.php/tl_files/... suchen. Deswegen schreibe ich mit jquery auch das href des links um (zu einem absoluten Pfad vom document root aus). Trotzdem wird die Großansicht nicht geladen.

Tja. Hat noch jemand eine Idee?

**Friedhelm** · 11.02.2010, 12:25

Zitat von vox

Hi,
Tja. Hat noch jemand eine Idee?

Thickbox 3.1 funktioniert nicht mit jquery 1.4
Probier mal das hier: http://www.thatsquality.com/articles...-loads-forever
Hilfts?

**xtra** · 11.02.2010, 12:29

Zitat von vox

Hi,
da ich lieber jquery einsetze und dieses sich nicht mit mootools verträgt,

Doch, hab ich bei mir am Laufen.
Du musst nur direkt nachdem alle jQuery scripte geladen sind, den no conflict mode aktivieren und anschliessend erst die mootools scripte laden.

Gruss
Chris

**Toflar** · 11.02.2010, 12:31

Und die neuste Version von mootools ist auch äääh konfliktfrei

Weiss grad nicht mehr welche Versionsnummer, aber dürfte mit der 2.8 sicher wieder auf dem neusten Stand sein

**vox** · 11.02.2010, 12:52

Zitat von Friedhelm

Thickbox 3.1 funktioniert nicht mit jquery 1.4
Hilfts?

Dankeschön!

**physicaal** · 12.02.2010, 14:38

Zitat von xtra

Doch, hab ich bei mir am Laufen.
Du musst nur direkt nachdem alle jQuery scripte geladen sind, den no conflict mode aktivieren und anschliessend erst die mootools scripte laden.

Gruss
Chris

Und wie mach man das bitte?

**xtra** · 12.02.2010, 14:55

indem du ans Ende deiner jQuery.js z.B. folgende Zeile schreibst:

Code:

jQuery.noConflict();

Du kannst die logischerweise auch in eine eigene Datei packen, was aber IMO overkill hinsichtlich Ladezeit ist.
Wichtig ist nur, dass sie nach(!) jQuery und vor(!) mootools ausgefyhrt wird.

Gruss
Chris