Eine von anderen JavaScript-Bibliotheken unabhängige Diashow

Die meisten Diashow basieren auf JavaScript-Bibliotheken. Möchte man jedoch nur einige Funktionen dieser Bibliotheken verwenden, dann reichen kleine Scripte aus.

Die hier vorgestellte Implementation einer Diashow besteht aus 2 JavaScript-Dateien:

  • einer Datei für allgemeine, oft benötigte JavaScript-Funktionen (standard.js)
  • einer Datei, die die Implementierung einer Diashow übernimmt (slideshow.js)

Vorteile der hier vorgestellten Bibliothek:

  • strikte Trennung zwischen dem Layout, das projektabhängig über CSS geregelt werden kann, und der Funktionalität einer Diashow über entsprechende JavaScript-Funktionen
  • flexibles Layout der Seite, das schnell durch CSS änderbar ist
  • wenig HTML-Code durch einfache Übergabe der Daten über JavaScript-Funktionen
  • Die Seite wird schnell aufgebaut, da zuerst nur die Vorschaubilder geladen werden.
    Das Laden der großen Bilder erfolgt erst danach.
  • mehr als eine Diashow auf einer Seite möglich

Nachteile der hier vorgestellten Bibliothek:

  • Für Seiten, auf denen kein JavaScript zugelassen ist, funktioniert die Slideshow nicht. Hier muss gegebenfalls zusätzlich noch eine <noscript>-Variante der Galerie erstellt werden.
  • Die Bilder inklusive der Bildbeschreibungen können nicht über Suchmaschinen gefunden werden. Auch dafür ist eine <noscript>-Variante erforderlich.

A slight show independant from other JavaScript libraries

Most slide shows are based on different JavaScript libraries. There is no need always to keep a complete library up to date if only a few functions are to be used.

The implementation of this slide show only consists of 2 JavaScript files:

  • a file for more common JavaScript functions often used (standard.js)
  • a file responsible for the implementation of the slide show (slideshow.js)

Advantages of the library:

  • a strict separation between layout which is implemented by CSS depending on the project and functionality implemented by JavaScript functions
  • a very flexible layout which can be changed easily by CSS
  • littel HTML code by using JavaScript functions to insert data
  • The page is built up very fast because first of all the preview images are loaded.
    Loading the big images is done later.
  • It is possible to have more than one slide show per page.

Disadvantages of the library:

  • The slide show does not work on pages which have JavaScript disabled. For that case a <noscript> implementation is necessary.
  • The images and their descritions cannot be found by search engines. Therefore for that case a <noscript> implementation is necessary too.