anleitung – thickbox in sefrengo einbinden und verwenden Einstellungen

[andi]

guten abend zusammen

schon des öfteren wurden hier fragen zu thickbox und co gestellt. aufgrund einer mail-anfrage über die integration von thickbox in ein bestehendes layout habe ich eine anleitung dazu geschrieben. diese ist auf meinem privaten blog zu finden.

vielleicht ist einem neuling diese anleitung von nützen.



gruss andi



ps: sollte ein moderator das gefühl haben, hier handle es sich um werbung, darf er diesen beitrag gerne löschen

[Uliwe]

Danke für die Anleitung, Andi. Ich versuche gerade Thickbox in das Fotoalbum 1.4.3 einzubinden und es gelingt mir nicht so richtig. Ich habe die benötigten Dateien, wie auf der Thickbox-Seite beschrieben, hochgeladen und eingebunden. Im Template habe ich bei Layout der einzelnen Tabellenelemente folgendes eingegeben:

QUELLTEXT

<td align="center">
       <a href="{path}{file}" title="{file}" class="thickbox" rel="galerie2008"><img src="{path}{thumbfile}" {maximgsize} border="0" alt="{filedesc}"></a>
   </td>

Wenn ich ein Bild anklicke wird der Bildschirm zwar ausgegraut, das Popup-Fenster öffnet sich aber nicht. Habt Ihr einen Tipp für mich?

Danke,
Ulrich

[Guest_summerbrother_*]

Vielleicht liegt es am Dateinamen ?

Gross/Kleinschreibung, Sonderzeichen, Leerzeichen, etc. auch bei der Endung, können stören.

Kann man das live sehen ?

[Uliwe]

Kann man das live sehen ?

Naja, die Seite befindet sich noch im Aufbau, um nicht zu sagen im Chaos, und ist dementsprechend noch nicht online. Aber wenn Du mal einen Blick auf das Problem werfen könntest: http://www.svl21.de/projekt01/index.php?idcatside=55.

Danke schon jetzt für Deine Hilfe,
Ulrich.

[jwitt]

... hm, vielleicht ist ja einer der "259 Errors, 56 warning(s) daran Schuld...
Ich habe Deine Seite einmal mit dem Validator geprüft. Auch die Fehlerkonsole vom Firefox meldet noch einige Fehler. Solltest Du Dir also 'mal ansehen.
Gruß
Jürgen

[Uliwe]

... hm, vielleicht ist ja einer der "259 Errors, 56 warning(s) daran Schuld...

Nö, auch nach erfolgreicher Validierung bleibt das Problem bestehen. Die CSS-Fehler entstammen ja alle aus dem Thickbox-CSS.

Danke für Deine Mühe, Jürgen!

[Guest_bkm_*]

der fehler liegt bestimmt am bild pfad gibt 404 vll. paar ../ zuviel.

[Guest_summerbrother_*]

hast du schon mal die "normale" thickbox.js probiert ?

die compressed machen bei mir manchmal Probleme.

Die Pfade scheinen ok zu sein, auch wenn er das loading.gif nicht findet, das alleine wär aber nicht tragisch.

[jwitt]

Hast Du Dir Deine nun valide Seite einmal mit dem IE6 angesehen?
So viele YAML-CSS Anweisungen und trotzdem keine vernünftige Darstellung - das hätte man auch mit bedeutend weniger Code hinbekommen ;-)
Sorry, konnte ich mir nicht verkneifen und hilft Dir nur z.T. weiter..
Gruß
Jürgen

Der Beitrag wurde von jwitt bearbeitet: Mon. 16. February 2009, 09:29

[andi]

hallo ulrich

habe mir das ganze auch mal angeschaut. sehr komisch. der pfad zu der loadinganimation ist zwar noch falsch, aber dieser hat mit der funktionalität nichts zu tun. die bilder sind korrekt verlinkt. in safari dunkelt der bildschirm ab ohne foto, in ff3 mac tut sich bei klick rein gar nichts.
irgendwas beisst sich da. versuche summerbrother tipp aus und verwende die «normale» thickbox-version.


gruss andi

[jwitt]

Hallo,
es liegt an Deiner jquery-latest.js - bzw. an Thickbox, die u.U. nicht mit einer aktuellen jquery.js klar kommt. Ich habe es gerade mit einer alten Version (ist auch viel kleiner) probiert (hatte mir vorher die von Dir verwendeten Dateien kopiert) und dann geht es auch.
Gruß
Jürgen

Edit: Das Komprimieren lohnt sich bei der jquery.js übrigens doch viel mehr

Und nochmal Edit: Ich verwende lightbox oder fancybox - die machen viel weniger Ärger

Der Beitrag wurde von jwitt bearbeitet: Mon. 16. February 2009, 08:58

[Uliwe]

So, mit "normaler" thickbox.js, jquery-1.2.6.js und korrigiertem Bildpfad läuft die Galerie jetzt. Ganz herzlichen Dank an alle Helfer!

So viele YAML-CSS Anweisungen und trotzdem keine vernünftige Darstellung - das hätte man auch mit bedeutend weniger Code hinbekommen ;-)

Treffer versenkt! Ich hatte mal gedacht, CSS wäre mit YAML leichter zu lernen...