# Diashow

## Einführung

Diashow.html erlaubt es ein Diashow zu zeigen. Sowohl Texte wie Bilder können enthalten sein. Eine Begleitmusik kann auch vorhanden sein.

Ein Diashow kann in einer Webpräsenz intergriert werden, können aber auch einfach auf ein USB-Stick gespreichert werden und mit ein beliebigen Rechner abgespielt werden

## Diashow vorbereiten

Neben der Datei diashow.html sind ein Ordner "music" und ein Ordner textes vorgesehen. Für Bilder sind ein oder mehereren Ordner mit den Bildern vorzusehen.

### Layout

    Hauptordner
      - diashow.html
      - list.js
      + music
          - music-A.ogg
          - music-A.mp3
          ...
      + textes
          - text-A.html
          - text-B.html
          ...
          + fonts
    		  - font-A.ttf
    		  - font-B.ttf
    		  ...
      + Fotos
         - bild-1.jpg
         - bild-2.jpg
         ....

Die Zusammenstellung der Bilder, Texte und Musikstücke kann am einfachsten mit den zugehörigen Diashow-Editor erfolgen.

Die Datei list.js beinhaltet eine Liste der Dateien die am Bildschirm erscheinen sollen oder zu hören sind.

    var fileList = [
    ['','textes/start.html','music/Albinoni_OboeConcertoOp9No2-I.ogg',''],
      ['Fotos/bild-1.jpg','','',''],
      ...
      ['Fotos/bild-n.jpg','textes/ende.html','-',''],
    ];

## Bedienung

Das Bild zeigt der Ausgabe einer Textdatei mit diasshow.html. Am unterem Rand befinden sich Bedienelelente, "Start", "Zurück" und "Vollbildschirm". Letzteren Element dient dazu Der Browserausgabe auf vollen Bildschirm / normaler Sicht umzuschalten. Dies ist insbesonderem für Smartphone von interesse.

Ein Klick oder "Tap" blendet die "Symboleleiste" ein und aus.