Bilder Galerie mit Javascript
Image-Galerien mit Javascript sind mittlerweile ziemlich populär und laufen den Flash-Gallerien den Rang ab. Hier eine kleine Auswahl von Galerien die ich einsetze, oder zumindest erwäge Sie mal auszuprobieren. Es handelt sich jeweils um reine Javascript Galerien die keinerlei serverseitige Scripte benötigen.
Imago – An Ajax Image Gallery
Basierend auf mootools liegt diese Galerie zur Zeit in der Version 0.7 vor. Die Demo sieht ansprechend aus und funktioniert soweit ersichtleich einwandfrei. Die Anbindung ist ein wenig befremdlich, denn es wird per Ajax eine XML Datei in einem bestimmten Format geladen, was bei dynamischen Galerien immer ein wenig mehr Aufwand in der Implementierung bedeutet. Es gibt keine gängige Lizenz wie LGPL, sondern nur ein Terms of Use Statement dass für einige Verwirrung sorgt. Eine Einschränkung ist z.B. dass die Galerie nicht mit Content Management Systemen vertrieben werden darf.
Spry – Gallery
Aus dem Hause Adobe kommt das umfangreiche “Spry framework for Ajax”, dessen Bildergalerie schon recht sexy ist. Auch diese Galerie arbeitet mit XML Dateien… bedauerlicherweise. Ob das XML auch als String übergeben werden kann, lässt sich so auf die Schnelle nicht herausfinden. Spry steht unter der BDS Lizenz und ist damit meiner Einschätzung nach für alle Einsatzzwecke geeignet.
Lightbox 2
Der Klassiker. Einfachste Einbindung, Einfache Bedienung für den Benutzer, weitverbreitet und gut getestet. Eigentlich ideal, aber auch ein wenig ausgetreten. So ziemlich jeder hat dieses Gallery schon irgendwo mal gesehen. Lightbox 2 steht unter der Creative Commons Attribution 2.5 License, damit sollte auch diese Software überall ohne Probleme einsetzbar sein.
FrogJS Javascript Gallery
Eine recht erfrischende Variante ist die FrogJS Javascript Gallery. Wie bei der Lightbox, ist auch hier die Einbindung ein Kinderspiel und jeder Benutzer der jemals die Coverflow Funktion von z.B. iTunes gesehen hat kommt damit zurecht. Im Hintergrund werkeln hier Prototype und Scriptacolous. Die Lizenz ist auch hier wieder die Creative Commons Attribution 2.5 License.
slideViewer
Dieses feine jQuery Plugin bietet viel Effekt mit wenig Code. Sicherlich eine gute Wahl wenn es darum geht viele Bilder auf wenig Raum darzustellen. Die Einbindung schient hier ebenfalls sehr simpel zu sein. Der Slideeffekt lässt sich in verschiedenen Varianten einrichten. Leider konnte ich keine Lizenzhinweise finden, im Zweifel besser noch mal beim Author nachfragen.
JonDesign’s SmoothGallery
Diese Galerie wirkt sehr modern und gut gestylt. Nicht jede Funktion ist für den Benutzer gleich ersichtlich, aber meiner Meinung nach ist der Einsatz vertretbar. Auch hier kommen die Mootools zum Einsatz. Die Einbinung ist nicht sooo einfach wie z.B. bei der Lightbox, aber es ist auch nicht so aufwändig, als dass es einen Programmierer abschrecken könnte. Einziger Wermutstropfen ist die Lizenz, die Galerie steht unter der GPL und ist damit nicht uneingeschränkt und für jeden Zweck einsetzbar.
ImageFlow
Diese Gallery ist angelehnt an die Coverflow Funktion die ich von meinem MacBook kenne, Windows User kennen das wahrscheinlch am ehesten von iTunes. Die Einbindung sieht auf den ersten Blick recht einfach aus es gibt aber viele Möglichkeiten die Galerie anzupassen. Für die Reflektionen wird ein PHP Script genutzt, es kann aber auch ohne Reflektionen betrieben werden. Für die Integration in ein MVC Framework müssen minimale Anpassungen an den Pfaden vorgenommen werden. Die Lizenz ist die Creative Commons Attribution-Noncommercial 3.0 Unported License, das heisst man muss für Kommerzielle Nutzung zahlen, aber damit habe ich kein Problem. Soweit ich das Überblicken kann ist der aktuelle Preis 20 USD.
ThickBox 3.1
Basierend auf jQuery kommt ThickBox mit einer einfachen einzubinden API und bietet neben der Galerie gleich noch weitere nützliche Funktionen wie modale Dialoge und einiges mehr. Die Funktion der Gallery erinnert an die Lightbox, wirkt aber ein klein wenig moderner. Mit der MIT License gibt es meiner Ansicht nach keine Hürden für einen Einbindung.
In diesem Zusammenhang:
- Settings für das jQuery Plugin NotesForLightBox Dieses Lightbox Plugin zählt eindeutig zu den schöneren Vertretern seiner...
