Ich liebe Lightbox JS zur Darstellung von Bilder und Fotos hier im Blog. Jetzt habe ich bei photoshop Lab ein Tutorial von Tommy Maloney gefunden, welches zeigt wie man der Web-Fotogallerie von Photoshop beibringen kann eine Gallerie zu erstellen, die Lightbox JS nutzt. Beispiel gefällig.

Es sind nur kleine Eingriffe in wenigen Dateien notwendig und Anpassungen des Layouts sind auch möglich. Mit Tommy’s Erlaubnis biete ich ich hier das fertige Set für die aktuelle Lightbox Version 2.2 zum Download an.

Im Verzeichnis ~/Adobe Photoshop CS2/Vorgaben/Web-Fotogalerie gibt es für jede Web-Fotogalerie-Vorlage ein Verzeichnis. In diese Verzeichnis kopiert ihr den kompletten Ordner „Lightbox 2.2“, den ihr nach dem entpacken des Download erhaltet. Die Anpassung in der lightbox.js und Thumbnail.htm sind bereits eingebaut. In Photoshop steht nun „Lightbox 2.2“ als neue Web-Fotogalerie unter Datei > Automatisieren > Web-Fotogalerie… zur Verfügung.

Wollt ihr noch Änderungen im Layout der Fotogalerie durchführen kommt ihr um eine Anpassung der IndexPage.htm und der gallery.css nicht herum. Hilfreich kann dabei die Übersicht der Adobe Photoshop Web Gallery Tokens sein, welche die unterschiedlichen Parameter innerhalb des Photoshop-Dialogs in der HTML-Datei wiedergeben. Soll ein Token eine Formatierung über einen Style erhalten, so muss der Style in der IndexPage.htm definiert werden.

• Gewinner Brush Pilot
• Brush Pilot Gewinnspiel
• Welcher Pinsel soll’s denn sein
• Photoshop Brushes Scribble Forms
• Photoshop kann auch favicons
• Web-Galerien in Photoshop CS4
• Photoshop Webgalerie mit Flash 10
• Content Aware Scaling
• Polaroid Web-Gallery
• For free

Schlagwörter:Lightbox, Photoshop