JavaScript Frameworks für Bilder

Es gibt mittlerweile wirklich viele schöne kleine JS-Frameworks, die meist als Freeware oder unter Creative Commom Licence veröffentlicht werden, um die Präsentation von Bildern im Web visuell ansprechender zu gestalten. Ob einfach Zoom-Funktionalitäten oder komplette Galerien. Hier sollen einige Frameworks vorgestellt werden.

FancyZoom

35KB großes JavaScript, dass automatisch alle verlinkten Bilder mit einem netten Zoom-Effekt vergrößert und elegant präsentiert. Titel für die Bilder können sehr einfach über das „title“-Attribut hinzugefügt werden. Das Aussehen kann nur schwer gecustomized werden, da das Layout nicht in einer separaten CSS-Datei steckt.

Highslide JS

Dieses mächtige Framework vergrößert Bilder in vielfältiger Weise. Schatten, Ränder, Titel und Aussehen können sehr leicht über Parameter und Ändern der CSS-Datei vorgenommen werden. Vergrößerte Bilder können frei bewegt werden und mehrere Bilder können gleichzeitig geöffnet werden. Schön: Auf der Website lässt sich das persönliche Framework mit den benötigten Features zusammenstellen. Somit bleibt alles unnötige außen vor und die Dateigröße gering. Highslide JS kommt auf scrollleiste.de zum Einsatz.

Lightbox 2

Der altbekannte Klassiker, der sich mittlerweile per Plugin ohne großen Aufwand in jedem Content-Management-System oder Blog einhängen lässt. Anpassen des Aussehens über CSS möglich.

Litebox

Abgespeckte Version der bekannten Lightbox 2. Wesentlich geringer Dateigröße von nur 25KB und sieht genauso aus. Auf jeden Fall einen Blick wert.

DhoniShow

Framework zur Erstellung von Slideshows, die leicht über das Markup angelegt werden können. Blenden- und Fading-Effekte sind genauso einfach möglich, wie Steuerelemente für die Slideshow einzufügen.

SmoothGallery

Umfangreiche und komplexe Galerie mit Minituren, Titeln und Blätter-Funktionalitäten. Ausgiebige Blend-Effekte und Transparenzen lassen diese JS-Galerie einer Flash-Galerie in nichts nachstehen.

Cross Browser Multi-Page Photograph Gallery

Verblüffend, dass dieses Galerie eine reine CSS-Galerie ist, die ohne JavaScript auskommt. Verschafft dem User schnell eine Übersicht.