Spezifikation Mit der Version 2.0 (Juni 2020) wurde die SlideShow auch für mobile Geräte eingerichtet.

Anzeige auf Desktops:

Die Präsentation der Bilder erfolgt in einem eigenen Browserfenster, wahlweise:

• einzelnes Bild mit kleinen Vorschaubildern, optional mit Bildbeschreibungstexten
• Full-Window
• Full-Screen (Doppelklick oder Taste F11).

Wahlweise manueller Bildwechsel oder automatischer Bildlauf mit weicher Überblendung (fading). Die Anzeigedauer eines Bildes und die Geschwindigkeit der Überblendung können mit Schiebereglern eingestellt werden.
Die Vorschaubilder können gescrollt werden, wenn sie über die Fensterbreite hinaus gehen.

Alle Funktionen sind optional über Tastatur steuerbar. Mit der Taste F1 kann eine Übersicht über die zur Verfügung stehenden Tastaturkürzel eingeblendet werden.

Anzeige auf mobilen Geräten:

Hier erfolgt die Anzeige immer ohne Vorschaubilder und Bildtexte. Bedienung durch Swipen oder Touch.


Installation und Einbindung:

• ZIP-Datei entpacken und den Ordner "hbSlideShow" in den eigenen Webspace hochladen
• Die Bilder für die Präsentation in einen beliebigen Ordner hochladen
• In die Webseite einen Link einbauen, über den die Bild-Präsentation aufgerufen wird - fertig!

Weiter ist nichts zu tun. Der Ordner mit den Bildern wird automatisch ausgelesen und die Bilder werden in alphabetischer Reihenfolge dargestellt. Durch Dateinamen wie z. B. "01_Wellen.jpg", "02_Strand.jpg" kann man auf einfache Weise die Reihenfolge festlegen.


Individuelle Anpassungen:

Über CSS kann das äußere Erscheinungsbild der Präsentation auf den individuellen Geschmack angepasst werden. Insbesondere ist die Größe der Vorschaubilder frei wählbar, die Headline und der Bereich für die Bildbeschreibungen können individuell gestaltet werden.

Der Umschaltpunkt, ab wann die Anzeige für mobile Geräte erfolgt, kann durch eine CSS-Media-Query individuell verändert werden.

hbsoft-ware.de