Slideshow

Skripts für Bildergalerien und Diashows

Wer keine Skriptsprachenunterstützung auf seinem Webspace hat, kann dennoch Bilder präsentieren. Es gibt ja noch Javascript. Das Slideshow-Skript von back.to/ab liefert eine Diashow mit Fading-Effekten beim Übergang von einen Bild zum anderen. Ältere Browser werden damit zwar ihre Schwierigkeiten haben, was jedoch in den wenigsten Fällen zu fatalen Fehlersituationen führen dürfte. In der Regel ignorieren sie einfach die Fading-Befehle und präsentieren die Bilder als klassische Diashow ohne Übergänge. Beim Zusammenbasteln der Seite kann man sich auf das HTML-Muster-File AbsSlideShow.html aus dem ZIP-Archiv stützen.

Die eigentliche Anpassung erfolgt im Skript. Alle Variablen, die zu ändern sind, sind am Beginn der Datei zusammengefasst und klar kommentiert. Die Namen der aufzurufenden Bilderdateien werden in einem Array abgelegt. Mit den Variablen picleft, pictop, picwid und pichei wird die Position und die maximale Größe des Anzeigebereichs auf der Webseite definiert. Hier ist Vorsicht geboten. Die maximale Bildgröße darf nämlich die hier definierten Werte nicht überschreiten. Ist ein Bild größer, wird nur ein Ausschnitt in den Dimensionen picwid und pichei angezeigt.

Die Variable backgr legt die Hintergrundfarbe des Anzeigebereichs fest. Am besten trägt man hier die Hintergrundfarbe der Seite ein, denn dann gibt es keine störenden Ränder, wenn ein angezeigtes Bild kleiner ist als der Anzeigebereich.

Die Variablen sdur, fdur und steps steuern die Anzeigedauer und die Dauer der Übergangsphase beim Fading. Der Wert für sdur legt fest, wie viele Sekunden ein Bild angezeigt wird, und fdur, wie lange das Fading dauert.

Die letzte Variable, die individuell angepasst werden muss, ist startwhen. Tragen Sie hier eine 0 ein, muss der Betrachter die Diashow mit einem Klick auf den Link auf der HTML-Seite starten.

Info
Slideshow
Javascript