Demonstration der Java Script Galerie

Auf dieser Seite soll die Java Script Galerie kurz demonstriert werden.

Bedienelemente der Java Script Galerie

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.

[an error occurred while processing this directive] Thumbnails oder Thumbnails wenn Thumbnails Thumbnail oder Thumbnail nichts Thumbnail wenn Thumbnail braucht Thumbnail JavaScript oder JavaScript wenn JavaScript Beispiel Java Script Beispiel Java Script Beispiel Java Script Beispiel Java Script trenner5 Beispiel Java Script Galerie Java Script trenner1 Galerie Java Script trenner2 Galerie Java Script trenner3 Galerie Java Script trenner4 Galerie Java Script Beispiel JavaScript trenner7 Beispiel JavaScript trenner8 Beispiel JavaScript Beispiel JavaScript Beispiel JavaScript Beispiel JavaScript Beispiel JavaScript trenner 11 Galerie JavaScript trenner6 Galerie JavaScript trenner9 Galerie JavaScript Galerie JavaScript Galerie JavaScript Galerie JavaScript Galerie JavaScript Galerie Javascript trenner 10 beispiel javascript galerie javascript beispiel javascript Thumbnail Bild Photos oder Thumbnail Bild Photos Thumbnails Galerie Bild oder Thumbnails Galerie Bild Thumbnails Script Beispiel oder Thumbnails Script Beispiel Beispiel Thumbnail Script oder Beispiel Thumbnail Script Bilder Thumbnail Thumbnails oder Bilder Thumbnail Thumbnails Script Beispiel Thumbnail oder Script Beispiel Thumbnail JavaScript Beispiel Thumbnail oder JavaScript Beispiel Thumbnail JavaScript Galerie Thumbnail oder JavaScript Galerie Thumbnail vorliegenden Beispiel sind Galerie angezeigt werden werden sollen legt dieser Galerie stammen [an error occurred while processing this directive] [an error occurred while processing this directive]
Seite zurück zurück weiter nächste Seite

 

 

zurück weiter

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 [an error occurred while processing this directive] 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.

Download

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.