Blogarchiv
- May 2012
- March 2012
- February 2012
- January 2012
- November 2011
- October 2011
- September 2011
- July 2011
- June 2011
- March 2011
- February 2011
- January 2011
- December 2010
- November 2010
- October 2010
- September 2010
- August 2010
- July 2010
- May 2010
- April 2010
- March 2010
- January 2010
- December 2009
- October 2009
- August 2009
- May 2009
- April 2009
- March 2009
- February 2009
- January 2009
- December 2008
- November 2008
- October 2008
- September 2008
- August 2008
- July 2008
- June 2008
- February 2008
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.
Kommentare
Zu diesem Beitrag wurden keine Kommentare verfasst.