Auf dieser Seite soll die Java Script Galerie kurz demonstriert werden.
In der Bildergalerie können Sie in zwei unterschiedlichen Bereichen navigieren. Der obere Bereich – Bereich ist mit blauer Farbe umrandet –, in dem die Thumbnails (die kleinen Vorschaubilder) angezeigt werden, besitzt insgesamt vier Navigationselemente. Mit deren Hilfe ist es möglich die Thumbnails vor- (doppelter Pfeil nach rechts) bzw. zurück (doppelter Pfeil nach links) zu Blättern (jeweils um die Anzahl der dargestellten Thumbnails) oder jeweils um ein Bild weiter bzw. zurück zu rollen (mit den Pfeilen nach rechts bzw. links). Unter den Vorschaubildern werden der Bilder-Index (Bilder x bis y) sowie die Gesamtzahl der Bilder, die sich in der Galerie befinden, angezeigt. Desweiteren kann eines der Bilder (ein Thumbnail) zur Detailanzeige ausgewählt werden, indem man mit der linken Maustaste auf den entsprechenden Thumbnail klickt. Diese Aktion führt dazu, dass das entsprechende Bild im unteren Detailbereich angezeigt wird. Welche Thumbnails in der Galerie angezeigt werden sollen legt man in der HTML-Datei in einer Datenstruktur (im Java Script Code) fest. Darüber hinaus kann man einen Text angeben, der angezeigt werden soll, wenn sich der Benutzer mit der Maus über dem jeweiligen Bild befindet.
Die Detailbilder werden im Detailbereich – dieser Bereich ist mit grüner Farbe umrandet – in voller Größe angezeigt. Bilder die hier angezeigt werden liegen in wesentlich höherer Auflösung und Qualität vor und benötigen deshalb erheblich mehr Speicherplatz, was auch zu längeren Download-Zeiten führt. Wurde zuvor aus den Vorschaubildern (Thumbnails) ein Bild ausgewählt, so wird dieses im Detailbereich dargestellt. Ansonsten wird im Detailbereich zunächst kein Bild erscheinen. Unter dem Bild werden Informationen zum jeweils ausgewählten Bild angezeigt. Im vorliegenden Beispiel sind dies Informationen über die Bildnummer, sowie eine kurze Bildbeschreibung. Auch die Bildbeschreibung wird, zusammen mit der URL des jeweiligen Detailbildes, in der HTML-Datei in einer Datenstruktur gespeichert und bei Bedarf automatisch angezeigt.
Die Bilder aus dieser Galerie stammen übrigens nicht von mir, sondern von der Verfasserin der Internetseite www.KunstundReisen.de. Sollten Ihnen die Bilder gefallen und Sie sich für Kunst und Reisen in Italien interessieren, dann schauen Sie doch einfach mal bei www.KunstundReisen.de rein. Die Seite beschäftigt sich primär mit dem Süden Italiens, insbesondere der Insel Sizilien, die es der Seiteninhaberin besonders angetan hat. Hier finden Sie äußerst detailierte Informationen und Tipps zu Städten und Regionen Italiens sowie einige Bildergalerien.
Gefällt Ihnen diese Lösung zur Darstellung einer Galerie? Dann laden Sie sie auf der Download Seite der Javascript Fotogalerie bzw. der Download Seite der PHP Fotogalerie herunter.
