LTD Coverflow, eine neue kostenlose Web Galerie

Mittwoch, 21. Oktober 2009

Die ursprünglich von Apple in ITunes, Finder und IPod eingeführte Präsentationsform des sogenannten Coverflow ist inzwischen weit verbreitet und beliebt.

Durch seine Bekanntheit und sein Konzept ist die Bedienung ziemlich jedem sofort vertraut.

Soll nur eine recht begrenzte Anzahl Fotos im Web präsentiert werden, ist das eine Variante die meist positiv aufgenommen wird.

Da es bisher keine solche Galerie für Adobe Photoshop Lightroom angeboten wird, habe ich mich hingesetzt und selbst die Web Galerie “LTD Coverflow” entwickelt.

Beispiel einer Galerie, mit LTD Coverflow erstellt

HintergrĂĽnde

Im ersten Schritt habe ich viele Flash und Javascript Web Galerien getestet, die eine Coverflow Fotopräsentation versprechen.

Imageflow

Es gibt da einige, aber wirklich ĂĽberzeugt hat mich nur die Galerie Image Flow von Finn Rudolph. Er hat wirklich eine tolle Arbeit geleistet.

Kombination mit HighSlide JS

Auf den Imageflow Seiten findet sich dann auch noch eine Beschreibung fĂĽr die Kombination mit HighSlide JS, mein Lieblings Web Fotoviewer, den ich auch schon fĂĽr die Web Galerie LTD Fancy benutzt habe.

In Lightroom

Eine solche kombinierte Galerie ist genau, was ich wollte, und so habe ich die Web Galerie LTD Coverflow entwickelt, um direkt in Lightroom, die Fotos zu selektieren und dann eine solche Galerie zu erzeugen. Das Ergebnis biete ich hier exklusiv zum kostenlosen Download an.

Lizenzbedingungen

Meine Galerie ist vollkommen kostenlos. Auf nicht kommerziellen Webseiten können damit erzeugte Fotopräsentationen auch bedenkenlos veröffentlicht werden.

Aber Imageflow und HighSlide JS, die Bibliotheken, auf denen LTD Coverflow basiert, müssen jeweils lizensiert werden, um auch  auf kommerziellen Webseiten verwendet werden zu können.

Auf der ImageFlow Download Seite kann dieses auch für kommerzielle Webseiten lizensiert werden. (20€)

HighSlide JS kann auf der Download Seite von Highslide fĂĽr kommerzielle Seiten lizensiert werden. (29$)

Download von LTD Coverflow

Das Web Modul kann als

ACHTUNG Diese Galerie funktioniert nur in Lightroom 2.x und lightroom 3.x,
aber nicht in Lightroom 4.x.

Installation

Installationsprogramm unter Windows

Nach dem Download starten Sie das Installationsprogramm SetupLTDCoverflow.exe

Lassen Sie alle Standardeinstellungen, und das Installationsprogramm sucht den richtigen Pfad, in das die Dateien kopiert werden mĂĽssen, und erledigt das alles automatisch.

Manuelles Kopieren Windows

Manchem ist so ein Installationsprogramm suspekt, der kann natĂĽrlich die Dateien auch manuell kopieren:

  1. Download und Entpacken der Zip Datei zum Beispiel auf den Desktop
  2. Kopieren oder Verschieben Sie dieses komplette Verzeichnis “LTD Coverflow” in das Lightroom Verzeichnis “Web Galleries“, das je nach Betriebssystem an einem der folgenden Orte zu finden ist:
  • Windows 7 / Vista
    C:Users[Benutzername]AppDataRoamingAdobeLightroomWeb Galleries
  • Windows XP Deutsch
    C:Dokumente und Einstellungen[Benutzername]AnwendungsdatenAdobeLightroomWeb Galleries
  • Windows XP Englisch
    C:Documents and Settings[username]Application DataAdobeLightroomWeb Galleries
    Bei Windows XP ist das Verzeichnis “Anwenderdaten” bzw “Application Data” normalerweise versteckt. Setzen Sie die Option “Verborgene Verzeichnisse anzeigen” im Windows Explorer bei den Verzeichnisoptionen, damit Sie das Verzeichnis sehen können.

Existiert dort kein Verzeichnis “Web Galleries”, müssen Sie es manuell anlegen.

Manuelles kopieren (Mac):

  1. Download und Entpacken der Zip Datei zum Beispiel auf den Desktop
  2. Kopieren oder Verschieben Sie dieses komplette Verzeichnis “LTD Coverflow” in das Lightroom Verzeichnis “Web Galleries“, das hier finden ist:
    Users/[username]/Library/Application Support/Adobe/Lightroom/Web Galleries/

Existiert dort kein Verzeichnis “Web Galleries”, müssen Sie es manuell anlegen.

Checken, ob die Installation erfolgreich war:

Starten Sie Adobe Lightroom und wechseln Sie zum Web Modul. Oben rechts unter Galerie erscheint jetzt in der Liste LTDCoverflow.

Kurzanleitung

Gedacht ist diese Galerie für die Präsenation von einer überschaubaren Anzahl von Fotos, die gut in eine bestehende Webseite eingefügt werden kann.

Folgende Einstellungen können vorgenommen werden:

FarbpaletteFarbpalette

Diese Einstellungen sind weitgehend selbsterklärend, mit Schieber ist die Konrollleiste gemeint, die zwischen Weiß oder Schwarz gewählt werden kann:

weiss schwarz

ErscheinungsbildErscheinungsbild

  • Mit ALT anzeigen, kann zwischen dem Schieberegler und den Fotos Metadaten angezeigt werden, die in dem nächsten Abschnitt unter “Alt Tag” festgelegt wird.
  • Mit “Schieberegler anzeigen” kann der Schieber ein bzw. ausgeblendet werden.
  • Die dreieckigen Knöpfe neben der Linie des Schiebereglers können durch Ankreuzen der Option “zeige Knöpfe zum Navigieren” angezeigt werden.
  • Wird die Galerie auf einen Webserver hoochgeladen, der PHP unterstĂĽtzt, kann eine Reflektion unter den Bildern angezeigt werden. Dies ist in der Vorschau nicht zu sehen, sondern erst nach der Ăśbertragung auf einen Server mit PHP UnterstĂĽtzung.
  • Ist die Option “Zoom in HighSlide” angreuzt öffnet sich eine hochauflösende Version des angklickten Fotos in einem sogenannnten Lightbox Fenster, das sich verschieben lässt, etc, so wie man das von HighSlide JS gewohnt ist.

BildinformationenBildinformationen-

Die Metadaten die im Title Tag ausgesucht werden erscheinen als Tool Tip wenn man den Mauszeiger einen Moment über einem Foto stehen lässt.tooltip

Die Beschreibung wird sichtbar, wenn man ein Foto durch einen Mausklick zoomt, dann ist Beschreibung im weissen Feld unter dem Foto sichtbar.beschreibung

Die Metadaten des Alt-tags sind sichtbar, wenn man die Option “Alt anzeigen” im Abschnitt Erscheinungbild gewählt hat. alttag

Ausgabeeinstellungen

Ausgabeeinstellungen


Weiterlesen zum Thema:
Drucke diesen Artikel

27 Kommentare zu diesem Artikel

  1. [...] Dieser Eintrag wurde auf Twitter von Sebastien Libert ✔, menath erwähnt. menath sagte: Neues exklusives Lightroom Webmodul LTD Coverflow zum kostenlosen Download http://bit.ly/17Smu5 http://www.lightroom-tutorial.de [...]

  2. Andy :

    Hallo Thomas,

    ich habe deine Webgallerie so wie du beschrieben hast (ZIP Datei) in das Verzeichnis C:\Users[Benutzername]\AppData\Roaming\Adobe\Lightroom\Web Galleries\ unter VISTA kopiert. Hat leider so nicht funktioniert. Habe dann den Ordner LTD Coverflow in das Lightroom-Verzeichnis ..\Webgalleries kopiert und siehe da, ich konnte die Gallerie in Lightroom aufrufen.
    Leider bekomme ich die Spiegelung unter den Bildern nicht hin. Gibts da vielleicht noch etwas Hilfestelung von dir?

    GruĂź, Andy

    • @Andy: Die Installation ist auf manchen Rechnern komisch. Freut mich , das es bei Dir dann wenigstens doch noch geklappt hat.

      Reflexionen werden sichtbar (nicht in der Vorschau von Lightrroom), wenn das Häckchen gesetzt ist und die Galerie auf einen Webserver hochgeladen worden ist.
      Der Webserver muss wirklich PHP unterstĂĽtzen, sonst geht das nicht.

      Ansonsten muĂź da nichts gemacht werden.

  3. Jochen :

    ACHTUNG: nach der Installation funktionier mein
    Lightroom 2.5 nicht mehr es hängt sich immer auf

    das Plug-In läßt sich leider nicht deinstallieren
    auch Lightroom deinstallieren und neu installieren
    hilft hier nicht weiter – das Plug-In bleibt da

    nun muss ich den gesamten PC neu installieren :-(

    • @Jochen:

      Das Plugin lässt sich sehr einfach vollständig entfernen.

      Lightroom starten

      1.) Im MenĂĽ “Bearbeiten” auf “Voreinstellungen”
      2.) Im Zweiten Reiter “Vorgaben” den Knopf drĂĽcken “Lightroom-Vorgabenordner anzeigen”
      3.) Jetzt kann mit Doppelklick das Verzeichnis Lightroom geöffnet werden, dann das Unterverzeichnis “Web Galleries”
      4.) Dort markiere und lösche das ganze Verzeichnis “LTD Coverflow” mit all seinen Unterverzeichnissen

      Das Plugin ist damit spurlos entfernt.

      Es ist sehr unwahrscheinlich, dass die Probleme von LTD Coverflow herrĂĽhren, weder ich noch niemand sonst hat ĂĽber Probleme berichtet, und das nach mehr als 500 Downloads.

  4. Enrico :

    Hallo,
    ich habe leider exakt die gleichen Probleme wie Jochen. Lightroom friert ein. Der Effekt tritt auf zwei Rechnern auf, Installiert ist auf beiden WinXP, Lightroom 2.5.
    Sobald ich die Engine LTD Coverflow auswähle beginnt Lightroom die Webgalerie zu aktualisieren. Beim letzten Bild bleibt es hängen und reagiert nicht mehr (Text Coverflow: Loading images 23/23 & Lightroom zeigt (oben links am Taskbalken) Webgalerie aktualisieren; Angeforderte Seite wird erstellt). Es ist dabei unerheblich wieviele Bilder es sind und um was für ein Bild es sich handelt (RAW oder JPG).

    Hilft diese Fehlerbeschreibung weiter?

    Ciao

    Enrico

  5. Tom :

    Hallo,
    Bei mir folgende Fehlermeldung nach dem letzten Bild.
    screenshot
    Windows XP SP2
    LT 2.2
    Servus
    Tom

  6. gecko32 :

    Hi,
    ist jetzt viell etwas spät,
    aber:
    Diese Lizenz. Du sagtest DEINE Galerie sei völlig unbedenklich auf kommerzionellen Websites zu nutzen, die Grundbibliotheken aber müssten lizensiert werden.
    Heisst das jetzt ich muss, wenn ich NUR deine Galerie nutze AUCH die beiden anderen Galerien lizensieren lassen, wenn ich DEINE Galerie benutzen will ?
    Oder muss ich das nicht wenn ich nur DEINE benutze ?

    Thx

    • @gecko32: erstmal die Antwort, Du muĂźt um legal zu bleiben, beide Bilbiotheken lizensieren.

      Die Erklärung: Meine Galerie ist nur eine Erweiterung zu Lightroom aus den Fotos als Ergebnis eine Webgalerie ausspukt.
      Diese Webgalerie benutzt aber die beiden Bausteine HighSlide und ImgFlow, die jeweils lizensiert werden mĂĽssen. Ohne die funktioniert nichts in dieser Webgalerie.

      Die Autoren dieser groĂźartigen Bibliotheken haben die Lizenz, die sowieso nur fĂĽr kommerzielle Webseiten verlangt wird, auch wirklich verdient.

      • Daniel :

        wenn ich also diese beiden Lizenzen erwerbe darf ich die Galerie auch kommerziell nutzen ?

        GrĂĽsse

        • @Daniel: Genau so ist es. Ich von meiner Seite erlaube den Einsatz auch kommerziell.

          Mit Bezahlung der beiden Lizenzen ist dann alles abgegolten und die Galerie kann vollkommen legal auf kommerziellen Seiten eingesetzt werden.

  7. Silvio Luscober :

    Webgalerie (ca. 50 Fotos) mit LTD problemlos erstellt, funktioniert in Lightroom exakt genau wie vorgegeben. Ich exportiere und starte die zugehörige index.html – leider zeigen sich dann statt der Thumbnails nur symbolische Rechtecke mit Beschreibung, die sich im Flow genauso wie die Bilder verhalten.
    Ich sitze schon stundenlang und verzweifle an diesem Punkt.
    Kann mir jemand helfen? Wäre sehr dankbar!

    • Ich vermute das liegt an den Reflektionen. Versuch mal das Kreuzchen fĂĽr Reflektionen zu entfernen und dann die Galerie neu exportieren.

      Je nach den Möglichkeiten des Web Servers kann sein, dass die Galerie mit Reflektionen nicht funktioniert.

    • Hans :

      Das mit den symbolischen Rechtecken ist nur auf dem lokalen Rechner so. Wenn die Galerie hochgeladen wird auf den Webserver und von dort aus dann abgespielt wird, funktioniert alles bestens.
      Ich habe mich daran auch blöd gesucht, aber dann ging’s.
      Hans

      • Dazu muĂź der Server, auf den die Galerie kopiert wird, zumindest PHP mit installierter Grafikbibliothek unterstĂĽtzen.

        Das tun zwar heutzutage die meisten, aber manche billigen WenHosting Pakete haben diese Option nicht.

  8. Andreas Dick :

    Ich bin ganz neu was Lightroom betrifft – und habe mir gerade ImageFlow fĂĽr 20 € gekauft, weil es mir so gut gefallen hat – habe mir die kostenlose Version hier runtergeladen und installiert – perfekt, aber ich bekomme den Link unter den Bilder “by lightroom-tutorial.de” nicht weg, hatte gehofft ihn durch den Kauf ändern zu können, ich verstehe des weiteren nicht, dass ich mit dem Teil was ich gekauft habe nicht wirklich was anfangen kann oder doch???

    wĂĽrde mich ĂĽber eine RĂĽckmeldung sehr freuen DANKE!!!

    • Um die Imgeflow Galerie legal auf kommerziellen Webseiten nutzen zu können, brauchst Du die Lizenz, die 20€ kostet. Dies hat nichts mit der Lightroom Galerie zu tun, sondern eben nur mit dem ImgageFlow Javascript Modul von Rudolph Finn.

      Eine andere Sache ist dagegen der Link unter der Galerie. Dieser wird von der Galerie eingefĂĽgt, und kann ganz einfach mit einem Beleibiegen Texteditor aus der index.html entfernt werden. Er findet sich fast ganz unten auf der Seite.

  9. Daniel Bozenhard :

    Hallo allerseits,

    Ich hab mir den ImageFlow-Viewer auf meiner Web-Seite eingebunden und mich stört, dass man die Bilder anklickt, aber die dann richtig geöffnet werden und man durch erneutes anklicken nicht wieder an die Stelle zurück kann, wo man her kam. Beim CoverFlow scheint das ja zu funktionieren und ich hab oben gelesen, dass man den ImageFlow da erweitern kann, hab ich getan wie beschrieben. Keine Veränderung. Die Bilder werden immernoch geöffnet, nicht vergrößert. Weiß jemand, woran das liegen kann?

    Hoffe auf schnelle hilfe.
    Mit freundlichen GrĂĽĂźen,
    Daniel

  10. Daniel :

    Hallo,

    wird die Galeriesoftware auch fĂĽr die kommerzielle Nutzung freigegeben ?
    Wenn ja was wĂĽrde eine Lizens kosten ?

    GrĂĽsse und einen guten Rutsch.

  11. Daniel :

    kann ich den Namen der Seite ändern ?
    Bei den exportierten Daten steht ganz oben links im browser der Seitenname: Coverflow Web Galerie.
    Ich wĂĽrde da gerne was eigenes hinkleben.

    Ich möchte diese änderung gerne direkt in LR vornehmen können, bei vielen Galerien ist das abändern der Index.html etwas mühsam :-)

    GrĂĽsse

    • @Daniel: Leider ist das im Moment in Lightroom nicht von meiner Galerie möglich.

      Das sollte ich unbedingt mal machen, zur Zeit komme ich aber nicht dazu.

      Wenn Du fĂĽr alle Galerien, die in Zukunft erstellt werden sollen einen anderen Seitentitel voreinstellen willst, muss die Datei

      “c:\Users\mas\AppData\Roaming\Adobe\Lightroom\Web Galleries\LTD CoverflowPlay\header.html”

      Zeile 6:

      angepasst werden.

  12. Franz :

    Klappt alles bestens! Danke!
    GruĂź Franz

  13. Kaffeesegler :

    Wenn ich unterm Cover Flow die Bildunterschrift anzeigen lasse oder die Navigationsknöpfe, werden die auch unschön in die per Klick vergrößerten Bilder mittendrin eingeblendet …

  14. Hallo Thomas,
    ich nutze den Coverflow schon seit geraumer Zeit in LR3.
    Jetzt bei der Inst unter LR4 sieht nach der Inst alles gut aus; ABER ..bei dem erstem klick innerhalb LR4 auf eine Funktion wird SOFORT und IMMER auf die zugehörige Internetseite gesprungen.
    (die Inst. habe ich nach Löschen der LTD-Dateien wiederholt und keine Änderung erzielt).
    Bitte ein Tipp ! DANKE! MfG Bernhard

    • Hallo Bernhard,

      es tut mir leid., aber in Lightroom 4 hat sich die Webengine so grundlegend geändert, dass sie jetzt nicht mehr mit meinen Coverflow Galerien funktioniert.

      Die Weiterentwicklung dieser Galerien habe ich wegen mangelder Nachfrage eingestellt.

      GrĂĽĂźe Thomas

  15. http://www.jacksasylum.eu/ContentFlow/

    Das ist eine gelungene, meiner Meinung nach bessere, Altrernative zu ImgaeFlow, auf der Coverflow basiert

Kommentar abgeben

^ Link und Trackback zu dieser Seite

LTD Coverflow, eine neue kostenlose Web Galerie

Thematisch passende Artikel: