Wer so durch mein Blog klickt, und im Speziellen auf Bilder, wird festgestellt haben, dass die großen Versionen der Bilder direkt verlinkt sind. Klickt man drauf, bekommt man das nackte Bild. Zum Beitrag geht es nur mit dem „Browser zurück“. Ich kenne eigentlich keine Seite, die das heute noch so macht. Alle benutzen irgendeine Art lightbox. Mit etwas unfreiwilliger (aber nicht gänzlich frei verwendbarer) Freizeit geschlagen, habe ich mich des Themas gerade angenommen.
Woher nehmen?
Eine erste Idee war, nicht haufenweise Javascript dazu zu tun, sondern eher was leichtgewichtiges, nur in CSS, zu benutzen. Ich denke nicht, dass ich hier irgendwas selber klöppeln sollte – die Weiten des Internets bieten viele Lösungen. Mal abgesehen davon, dass die beiden getesteten Pure-CSS-Lösungen nicht funktionierten, hätten sie einen zweiten Nachteil gehabt: Es wären immer alle Bilder beider Art (Thumbnail und groß) direkt mit der Seite geladen worden. Verschwendung. Vor allem von Bandbreite auf mobilen Endgeräten.
FancyBox 3
Am Ende bin ich doch bei Javascript und FancyBox3 hängen geblieben. Nicht, weil es was ganz herausragend Besonderes gegenüber allen anderen Lightboxes wäre: Nein, es gab einfach eine Gute Anleitung™ von Paal Joachim Romdahl bei easywebdesigntutorials.com. Und auch die FancyBox-Seite hilft sehr gut weiter. Ok, besonders ist es in der Hinsicht, dass es sich in meinen Beiträgen direkt verwenden lässt. Ich muss nicht erst irgendwelche Galerien irgendwo im Blog anlegen. Es genügt in die bisherigen Bilderlinks noch ein Attribut einzufügen – das krieg‘ ich sicher auch automatisiert für alle alten Beiträge hin.
modern times!
Wie das immer so ist bei guten Anleitungen und anwenderorientierter Software: Die Recherche hat länger gedauert als die Integration. Ich hätte das Plugin für WordPress nehmen können, hab‘ den Kram aber lieber direkt ins aktuelle Theme geschraubt.
Als erster Beirag profitiert davon Straßenbahnmuseum Prag. Mal sehen, wie schnell ich alte Beiträge nachziehen kann. Außerdem muss ich dann noch meinen IMG-Helpr aktualisieren.
(swg)
Titel und Credits bastelt man einfach mit Inkscape – Text nicht vergessen in ein Objekt zu wandeln! – und zieht sie ebenfalls in die Clipliste. Oder erstellt sie einfach direkt von der Clipliste aus neu. Wenn man auf kompliziert animiertes 3D-gefutzel steht, sollte man Blender noch installiert haben, dann wird’s wahrscheinlich „woah“. Will ich aber nicht – ’nen Badevideo ist schon durch Alina „woah“ genug ;)