griewisch.de: Bilderpräsentation verbessert
Also habe ich mir mal die jQuery- Plugins zum Bereich “Media” vorgeknöpft, habe einige wenige aussortiert und sie meinem Vater gezeigt. Und – oh Wunder – eins hat ihm gefallen! Also prompt geguckt, wie das denn einzubinden ging. Das ging auch relativ leicht, aber – wie es meistens bei solchen Sachen ist – prompt hat der Firefox (2 & 3) gemeutert und die Bildergalerie nicht mehr richtig dargestellt. Also haben wir die Idee erstmal wieder verworfen.
Bis es mich dann Ende Mai nochmal gepackt hat und ich mir gedacht hatte: “Irgendwie muss man dieses Problem doch lösen können.” Da das Problem ganz offensichtlich beim CSS lag, habe ich mich also beim XHTML- Forum angemeldet und das Problem mal gepostet. Nach längerem Hinundher kamen wir zu einer Lösung. Dann auch noch schnell im selben Forum gefragt, wie man den jQuery- Aufruf im <head> in eine externe Datei auslagern kann. Nach einiger Weile fanden wir auch hierfür eine Lösung. Nach Lösung dieser zwei Probleme hatten wir das Plugin soweit, dass wir es auf der richtigen Seite einsetzen konnten. Dann kamen allerdings erstmal zwei Wochen Urlaub dazwischen. Danach jedoch ging es richtig los. In Rekordzeit setzten wir die Bildergalerie in die Tat um. Das Ergebnis können Sie unter http://www.griewisch.de bestaunen, wenn Sie zum Beispiel auf Instrumente > Deutsche > Cembalo nach Christian Vater 1738 klicken.
Das Einbinden ging natürlich ganz easy, wie das auch schon beim tablesorter- plugin der Fall war. Anhand einer Testseite haben wir dann noch ein wenig mit dem CSS herumgespielt und haben auch noch kleine Veränderungen im Javascript selbst vorgenommen (der Text unter dem großen Bild wird jetzt nicht mehr – wie das eigentlich vorgesehen ist – aus dem title- Attribut des jeweiligen <img>- tags ausgelesen, sondern ist normaler statischer Text in Form eines <caption>- Elements). Dann – nach einer ausgiebigen Testphase – ging es an die Fleißarbeit. Nämlich auf allen Seiten in allen drei Sprachen die Bilderpräsentation umzustellen.
Naja, es hat schon Vorteile gebracht:
- Die Bilder werden jetzt – im Vergleich zu früher – viel schöner präsentiert.
- Für den Webmaster entfallen ungefähr 100 Seiten pro Sprache (also in unserem Falle 300 Seiten), die es zu pflegen gilt, da jetzt sämtliche Bilder eines Instrumentes in eine SHTML- Datei eingebunden sind.
Nebenbei haben wir bei “Werkstatt” mit dem jQuery-Plugin “Dynamic Slideshow” eine schöne Diashow erstellt. Auch wurden einige offenbar schon seit Jahren vorhandene Rechtschreibfehler beseitigt
Schauen Sie einfach mal wieder vorbei und lassen Sie doch gleich auf dem Seiten- eigenen Kontaktformular Ihr feedback da. Vielen Dank.