Java Script Galerie mit Thumbnails und Funktionen zum Blättern

Mit der JavaScript Galerie können Sie beispielsweise Ihre Urlaubsbilder in einer Online-Galerie veröffentlichen. Damit können Sie Ihre Bilder, Graphiken oder Photos – ähnlich wie in einem Photoalbum – jederzeit einer breiten Öffentlichkeit präsentieren. Die Bilder werden in Form von Thumbnails in Listenform angezeigt, wobei die Anzahl der gleichzeitig darzustellenden Thumbnails eingestellt werden kann. In dieser Liste kann der Benutzer je ein Bild oder gleich Seitenweise blättern. Ein solches Album setzt sich aus einer beliebigen Anzahl von Paaren, bestehend aus einem Thumbnail und einem Detailbild, zusammen. Zu jedem Bild können Sie einen kurzen Beschreibungstext angeben, der dann unter dem jeweiligen Bild dargestellt wird. Klickt der Benutzer auf einen Thumbnail, so wird dieses Bild – in hochwertiger Qualität – im Detailbereich angezeigt.

Demonstration des Skripts

In der Java Script Galerie Demo können Sie sich das Beispiel einer Photogalerie anschauen. Auf dieser Seite wird auch kurz auf die Struktur und die Bedienelemente eingegangen.

Download

Hier können Sie die JavaScript Galerie Downloaden ( 22K). Das Archiv enthält den JavaScript Code zur Java Script Galerie und eine Beispielseite, die als Vorlage genutzt werden kann. Zur Integration in Ihre Seite können Sie diese Vorlagedatei und das zugehörige Stylesheet nutzen. Außerdem können Sie die Navigationselemente (Buttons) durch eigene Buttons ersetzen. Der JavaScript Code in der Java Script Datei und in der Vorlage ist ausführlich kommentiert, so dass eine Anpassung sehr leicht gelingen dürfte.

Sollten Sie über ein PHP-fähiges Hosting-Packet verfügen, so können Sie sich auch die PHP Photo Galerie installieren. Damit können Sie Bilddaten in Form einer einfachen Listendatei im CSV-Format verwalten und müssen den JavaScipt-Code nicht anpassen.

Wenn Ihnen das hier angebotene Script gefällt und Sie es auf Ihrer Homepage einsetzen möchten würde ich mich freuen, wenn Sie einen Link auf meine Seite setzen.