Lightbox JS für Photoshop Web-Fotogalerie – Update
Da in letzter Zeit einige Anfragen zur Lightbox-Photoshop-Web-Fotogalerie aufkamen habe ich mich der HTML-Dateien angenommen und diese angepasst. Jetzt ist nicht nur das Problem mit den “15 Bildern” gelöst – nein, auch Spalten- und Zeilenanzahl können im Photoshop-Dialog eingegeben werden. Außerdem können nun auch alle Farben in Photoshop definiert werden.
Download für Lightbox Version 2.2
Schlagwörter:Lightbox, Photoshop, Webgalerie33 KOMMENTARE
-
cool! danke!
-
Ace am 27.08.2007 Permalink
Bei mir klappt das nicht! Warum auch immer…wäre nett wenn mir jemand weiterhelfen könnte.
Danke
Gruß
Ace
-
..äh und was genau klappt nicht..? welche plattform..? welche ps-version..? ..?
-
siehe hier
-
Es werden immer noch nur 15 Bilder pro index.html angezeigt. Ich hab Adobe Photoshop CS vers. 8.0 auf Windows. Kann mir vielleicht derjenige bei dems funzt erklären wat man im quellcode ändern muss?
-
Und Du hast die Spalten und Zeilen so eingestellt, dass das Produkt daraus größer ist, als die Anzahl Deiner Bilder?
Ich kann’s leider nicht testen, denn Windows is nich mehr :)
-
Gude Thomas,
vielen Dank hat gefunzt mit den Spalten und Zeilen!
Greetz
Ace
-
Hi,
ersteinmal vielen Dank fuer die Muehen und das tolle Download-Paket!
Meine Frage: Ich verwende “PS cs3″ und beim erstellen einer Web-Galerie kann ich die Groessen der Bilder zwar bestimmen, aber leider nicht angeben, dass sie sich an die Bildschirmaufloesung der Users anpassen sollen.Bin leider nicht so der HTML und CSS Profi. Meine jetzige Galerie basiert auch auf Lightbox und passt sich auch an Aufloesungen an, nur kann dort leider nicht von Bild zum naechsten Bild geclickt werden… Hui ich hoffe das was halb verstaendlich. Waere nett wenn mir wer (du) helfen koennt.
-
dartomania am 07.12.2007 Permalink
Hallo erstmal
Habe mir jetze das Lightbox Script für Photoshop runtergeladen.
Aber irgendwie werd ich jetz nicht so ganz schlau aus der Sache.Wo und was von den Dateien muss ich denn jetzt bei PS [nutze PS-CS3- seit 14 tagen] einfügen?
Und muss ich dann noch irgendetwas ändern?
Wenn ja, was?gruß dartomania
-
Den Ordner Lightbox 2.2 kopierst Du nach ~/Adobe Photoshop CS2/Vorgaben/Web-Fotogalerie und dann steht Dir auch in Photoshop CS3 unter <Datei> <Automatisieren> <Web-Fotogalerie> die Auswahl Lightbox 2.2 als Webgalerie zur Verfügung.
Generell musst Du nix ändern. Wenn Du allerdings Anpassungen im Layout der Galerie haben möchtest, musst Du Dich mit HTML und CSS beschäftigen.
-
Hey, also ich muss sagen, ich finds ein Klasse script. Die Frage ist nur, darf ich es auch Kommerziell nutzen? Wäre dann perfekt :)
LG aus Dresden
-
Wenn Du mit kommerzieller Nutzung, das Einbinden damit erstellter Galerien auf kommerziellen Seiten meinst, dann steht dafür nichts im Wege.
-
Hey, ja das meinte ich.
Danke sehr :) -
Frank am 17.03.2008 Permalink
hey,
hätte mal 2 fragen
1. ist es möglich in den prozess des zuschneidens einzugreifen und diesen noch zu verlängern indem noch ein schriftzug über das bild gelegt wird? habt ihr ja sicher alle schon gesehen wenn bilder so geschützt werden sollen.
2. ich benutze pscs auf winddoof habe das design von der galerie tabelle-1 auf meine wünsche angepasst.
zudem würde ich gerne anstelle der zahlenreihe auch eine thumbnail reihe auf den pages seiten haben. da aber beim generieren jede pages seite nur einmal durchläuft geht dieses nicht so wie ich gehofft habe. kann man daher dieses auch beeinflussen?
ich möchte auf diesem wege nicht das ergebnis erhalten sondern ich möchte wissen wie man dieses beeinflussen kann. würde mich selber gerne damit auseinandersetzen um später weitere probleme dann selber angehen zu können.vielen dank schonmal
frank
-
till am 20.04.2008 Permalink
super sache, vielen dank!!!
eine frage habe ich aber noch: kann ich statt dem text «image 1 of 25» usw. jeweils einen anderen text einblenden?
falls ja, welche ccs oder html datei muss ich da abändern und wo genau?vielen dank!
-
Da musst Du die Datei lightbox.js editieren. In Zeile 448 findest Du entsprechenden Text in Gänsefüsschen, den Du dann ersetzen kannst.
-
vielen dank für die schnelle antwort, genial!
-
Hallo,
habe eine Galerie mit Hilfe eures Tools erstellt und war bis jetzt richtig begeistert. Nun habe ich den neuen Firefox 3.0 auf meinem Rechner und mit diesem Browser funktioniert die Galerie (bei mir) nicht mehr. Wenn ich mir die Seiten parallel mit dem IE 7.0 angucke, geht nach wie vor alles wunderbar. Könnt ihr mir sagen, woran das liegt?
Grüße
bea -
Hallo Bea,
ich kann Dein Problem mit Firefox 3 auch nachvollziehen. Es ist ein Fehler in der gallery.css, den Firefox 3 falsch/richtig interpretiert. Du kannst das relativ einfach beheben: In der gallery.css suchst Du nach der Klasse #wrapper und ersetzt
float: left;durch
float: none;Dann lässt sich die Galerie auch wieder in Firefox 3 nutzen.
Der Fehler ist Dir wahrscheinlich bei der Anpassung der html-Datei entstanden.
-
Vielen dank! Ändere ich gleich! Hatte in der Zwischenzeit schon herumprobiert und hier:
.thumbnail a img {
background: #dfdfdf;
border: 0pt solid white;
clear: both;
display: block;
margin: 0 auto;
}das “display: block;” rausgenommen. Dann geht’s auch wieder…
Wahrscheinlich zwei falsche/richtige Interpretationen?
-
Ich habe ein Problem mit den Photshop Flash-Webgalerien. Der Neue Firefox zeigt mir die nicht mehr richtig an. Es kommt immer folgende Meldung:
Please upgrade your Flash Player.
Already have Flash Player? Click here if you have Flash Player 6 installed.
Ich hab die Upgrades gemacht und mein Firefox zeigt das Flash 10 plug an. Was muss ich da bloss machen?
-
Das hat mit der Version 10 des FlashPlayers und der flashobject.js, die in dem Ordner der Flash-Galerie zu finden ist, zu tun: Die flashobject.js gilt als veraltet und kommt nicht mit zweistelligen Versionsnummern zu recht.
Es gibt eine neuere Version, die sich swfobject.js nennt. Mit der konnte ich das Problem aber auch nicht lösen.
Eine Lösung auf die Schnelle: In der index.html, welche für die Webgalerie erstellt wird, findest Du die Zeile
var myFlashObject = new FlashObject("gallery.swf", "gallery", "100%", "100%", 6, "#ffffff");
In dieser Zeile löschst Du dann den Parameter 6 mit dem anschließenden Komma; also
var myFlashObject = new FlashObject("gallery.swf", "gallery", "100%", "100%", "#ffffff");
Dann sollte die Fehlermeldung wegen der fehlenden Flash-Verfügbarkeit/der falschen Flash-Version nicht mehr erscheinen.
-
Hallo Thomas
Vielen Dank für die schnelle Hilfe. Es hat tatsächlich funktioniert. Firefox zeigt nun die Galerien an. Welche Freude!!! – Aber der IE zeigt nun die Galerien nicht mehr an :-(
Gibt es ev. einen Trick, damit beide Explorer die Galerien anzeigen? Hab auch schon Adobe geschrieben und mein Problem überall gepostet. Bisher ohne Erfolg.
Mir gefällt diese Galerie. Wäre schade wenn ich ne Andere einbinden müsste. -
Hallo Thomas
Habe folgende Seite, welche wahrscheinlich zur Lösung des Problems führen würde, gefunden:
http://blog.powerflasher.de/swfobject2/#dstep1Nur weiss ich nicht, wie ich da vorgehen soll. Bin halt kein “Skripter”
Bin froh um jeden Tipp.
-
Simon,
über Deinen Link habe ich mich mal schlau gemacht und eine Lösung gefunden, die bei mir in Safari, Firefox und auch im IE6 + 7 funktioniert:
In den Ordner der Webgalerie kopierst Du die swfobject.js aus meinem ersten Link
In der für die Webgalerie erstellten index.html ersetzt Du
<script type="text/javascript" src="flashobject.js"></script>durch
<script type="text/javascript" src="swfobject.js"></script>und fügst anschließend
<script type="text/javascript">
swfobject.embedSWF("gallery.swf", "flashcontent", "100%", "100%", "6", "#ffffff");
</script>ein. Dabei steht gallery.swf für die SWF-Datei, welche geladen werden soll und flashcontent für die id des divs, in dem die Flash-Galerie geladen werden soll.
Ich hoffe, Du kommst damit zurecht.
-
Hallo Thomas
Vielen Dank für Deine Hilfe. Klasse Anleitung. Es hat super funktioniert. Die alte, für mich eine der schönsten Web-Fotogalerien von Photoshop, muss noch nicht begraben werden :-) Dir sei Dank.
Ich hab noch versucht den Code im Web-Fotogalerieverzeichnis von Photoshop CS2 so zu verändern, dass die Webgalerien richtig generiert werden. Hat natürlich nicht funktioniert. Hab zu wenig Ahnung vom Skript. Das Nachträgliche Update der generierten Galerieen ist nun ja kein Problem mehr – wenn man weiss wie.
Würde Dir gerne ne Flasche Wein zukommen lassen. Schick mir doch deine Kontaktdaten oder so.LG Simon
-
Mastermind am 20.11.2008 Permalink
Hallo, kann mir jemand sagen ob mal die Lightbox auch mit Photoshop CS 4 erstellen kann? Wenn ja wie ,wo was muß ich einbinden in Photoshop ? Beim alten CS 2 hat es einwandfrei geklappt.
Danke im Voraus…
MFG Mastermind
-
Guckst Du hier
-
Hallo, ich hab da noch ein kleines Problem mit der Lightbox 2.2! Ich habe eine Webgalerie mit CS3 erstellt und dann diese endstandene Index.html per Iframe in meine Seite eingebunden. Mit IE gibt es keine Probleme aber der Firefox zeigt an das dieser Url nicht auf dem Server enthalten ist!? Was mache ich da falsch?
MFG Stazi
-
Joe am 10.02.2009 Permalink
Hallo zusammen, gibt es eine Möglichketi, dass man die Thumbnails direkt als Link angeben kann ohne zwingend den img-namen unter dem Bild als Link zuverwenden? Die Galerie wäre dann viel schöner! Habe leider nicht heraus finden können ob es geht und wie!?
Grüße, -Joe-
-
Dominik am 15.07.2009 Permalink
Hallo kannst du mir einen Tip geben wo ich weitere Fotogaleriren als Template für PS bekommen kann? Danke und Gruss, Dominik…
-
Für SimpleViewer, AutoViewer, PostcardViewer und TiltView (sind auch alle schon hier Blog vorgestellt) gibt es auf der Seite von SimpleViewer.net ein entsprechendes Script für Photoshop. Andere Galerien kenne ich nicht.
-
Hallo Thomas!
Ich möchte mich bei Dir für das Download-Paket bedanken. Bin “absolute Beginner” und freue mich, dass ich die Galerie auf diesem Wege erstellen kann. Klasse!
@ Joe
Hallo zusammen, gibt es eine Möglichketi, dass man die Thumbnails direkt als Link angeben kann ohne zwingend den img-namen unter dem Bild als Link zuverwenden?
Mich haben die Dateinamen unter den Thumbnails auch gestört und ich habe in der IndexPage.htm die Zeile 53 auskommentiert
/* display: block; */steht da jetzt und jetzt bleiben die Dateinamen weg, sofern ich Sie in Photoshop nicht auswähle und der direkte Klick mit funktionierendem Link auf die Thumbnails ist möglich.
Wähle ich die Dateinamen allerdings aus, kleben sie direkt am Thumbnail.Ein schönes Wochenende!
Annette
3 Trackbacks
-
[...] den Kommentaren zu Lightbox JS für Photoshop Web-Fotogalerie – Update hinterließ ein Leser, dass er mit Flash-Galerien aus Photoshop Probleme hat, wenn auf dem [...]
-
[...] die Möglichkeit vermissen, die bisherigen Galerien oder individuelle Galerien, wie z.B. die Lightbox-Galerie zu [...]
-
[...] daher die Möglichkeit vermissen, die bisherigen Galerien oder individuelle Galerien, wie z.B. die Lightbox-Galerie zu [...]
Verwandte Beiträge