Jetzt mit Lichtkasten
Merken: Wenn was in Javascript nicht funktioniert, könnte es am Zusammenspiel mit XHTML 1.1 liegen.
Bei einer kritischen Prüfung dieser Seite durch die Programmierer dort, wo ich arbeite, fiel auf, dass Bilder bislang nur auf die Großversion verlinken, statt diese in optisch ansprechender Form zu präsentieren. Sowas wird in letzter Zeit immer öfter gemacht. Die Technik nennt sich Lightbox, und dabei wird ein Bild innerhalb einer Webseite über den Text gelegt. Realisiert wird das Ganze über ein Javascript.
Als jQuery-Fan habe ich mich für die darauf basierende Thickbox entschieden, die unglaublich flexibel einsetzbar ist. Ich habe einige Anpassungen vorgenommen, um die Anzeige einzudeutschen. Das optische Pimpen mache ich bei Gelegenheit mal. Vielleicht. Irgendwann.
So richtig ganz unkompliziert war die Implementierung aber nicht, sondern hat mich einiges an Tüftelei gekostet. Immer wenn ich mehrere Bilder als Set gekennzeichnet habe (mittels rel-Attribut) erhielt ich statt eines Lichtkastens nur einen Javascript-Fehler.
Jetzt, ein paar Tage später hab ich entdeckt, dass das an Entitäten wie > oder im Javascript liegt, die eigentlich in den HTML-Code geschrieben werden sollten. Irgendwie gibt es beim Zusammenspiel solchen Entitäten im Skript und dem Dokumenttyp XHTML 1.1 wohl Probleme weil sie fehlinterpretiert werden. Das erklärt auch den einleitenden Merksatz.
Eine weitere Besonderheit: Die JS-Datei musste ich als UTF-8 mit Signatur abspeichern, so dass auch Webkit-basierte Browser (Google Chrome, Safari) mit den deutschen Sonderzeichen darin zurecht kommen.
Beispiele für die neue Funktion gibt es hier oder auch hier.
Na, ihr Programmierer, was sagt ihr jetzt?
Wie Lichtkasten, kann nichts sehen - ist immer noch so wie vorher. Machst es wohl wie King Bing - Zitat : “Mit a bisserl basteln und 2 Flugzeugen voll Programmieren wird’s schon :)”
*räusper*
es gibt doch schon längst eine eingedeutschte Fassung von Thickbox.
Link finde ich zwar grad nicht, aber zumindest mein Thickbox Redux fusst darauf.
cu, w0lf.
@Lucky: Da hatte sich tatsächlich der Fehlerteufel eingeschlichen, so dass auf der Profilseite wieder nichts mehr vom tollen neuen Effekt zu sehen war. Aber jetzt!