Schöne Slideshows – einfach umgesetzt für Web und Mobil

Ein Geheimtipp in Sachen Slideshows für alle, die das nicht selber programmieren können oder wollen, sind die Skripte von bretteleben.de. Der Autor Andreas Berger stellt diese kostenlos zur Verfügung, hat eine gut verständliche Bedienungsanleitung dazu geschrieben und bietet bei Fragen einen beispielhaften Support an.

Die Slideshows gibt es als JavaScript-Code, der mit einem div in jede CSS- oder HTML-Seite eingebunden werden kann. Dazu wird einfach die Datei be_slide.js im HEAD-Bereich der Seite verlinkt und dann im BODY-Bereich der Seite an der gewünschten Stelle ein DIV-Container eingefügt, der die Slideshow enthalten wird. Der Container kann beliebig positioniert und formatiert werden. Damit sind in der Seite selbst bereits alle nötigen Vorbereitungen getroffen. Jetzt können Bilder in einem Ordner Pics abgelegt werden und in dem heruntergeladenen JavaScript-File „be_slide.js“ können noch die einzelnen Parameter entsprechend der gewünschten Verwendung gesetzt werden. Das wars. Übrigens ist die Slideshow auch als Plugin für Joomla verfügbar.

Es ist ein super schlankes Skript mit optimaler Funktion und die Kommentare von Nutzern sind durchweg positiv. Das Skript läuft in allen Browsern und Betriebssystemen und auch auf mobilen Geräten hervorragend. Es kann sehr gut und ohne große Programmierkenntnisse auf die eigenen Bedürfnisse  angepasst werden. Damit ist es sehr vielseitig.

Das einfache SlideshowScript startet wahlweise automatisch und/oder wird über optionale Kontrollelemente gesteuert, wie auf dem Bild unten zu sehen ist.  Der Übergang erfolgt mit einem Fading und es läuft NonStop.

Beispiele

Das JavaScript in Action kann zum Beispiel auf der Startseite von dem kleinen Designer-Laden O3-Berlin angeschaut werden.

Und natürlich gibt es Beispiele auf der Webseite von bretteleben.de. Dort ist die Einbindung in die Seite und die Verwendung der einzeln konfigurierbaren Parameter anhand von drei Beispielseiten ausführlich erklärt:

Slideshow Beispiel 01 – nur eine Slideshow, Standardkonfiguration
Slideshow Beispiel 02 – verschiedene Seiten mit je einer Slideshow, ein Script
Slideshow Beispiel 03 – mehrere Slideshows auf einer Seite, ein Script
Hinweis: Die Erklärungen bauen aufeinander auf.

Das Script ist unter der GNU Public License lizensiert.

Thumbs up für ein nützliches Tool das dazu noch so symphatisch zur Verfügung gestellt und betreut wird.

Links

http://www.bretteleben.de/lang-de/javascript/slideshow.html

Schreibe einen Kommentar