<!-- JQUERY Bildwechsler -->
<div class="fotorama"
data-nav="thumbs"
data-autoplay="6000"
data-stopautoplayontouch="true"
data-loop="true"
data-width="100%"
data-height="97%"
data-arrows="always"
data-fit="cover"
data-transition="slide">
<img src="images/picture01.jpg" width="900" height="596">
<img src="images/picture02.jpg" width="900" height="596">
<img src="images/picture03.jpg" width="900" height="596" data-caption="Bildtext">
. . . usw. für weitere Bilder . . .
</div>
<!-- Ende JQUERY Bildwechsler -->

Ändern, die wichtigsten Möglichkeiten

data-autoplay="6000"
Zeit für den Bildwechsel, hier 6 Sekunden. Probieren Sie gerne andere Werte.

data-autoplay="true"
Aktiviert den automatischen Durchlauf.

data-autoplay="false"
Wenn Sie den automatischen Durchlauf abschalten möchten.

data-transition="slide"
Die Bilder werden beim Wechsel hinaus geschoben. Alternative: Für einen Überblend-Wechsel wählen Sie 'crossfade' statt 'slide'.

data-caption="Hier Ihr Bildtext"
Möglicher Bildtext für jedes Foto ein anderer - bei data-caption. Möchten Sie keinen Bildtext, so lassen sie 'data-caption' einfach ganz weg.

data-stopautoplayontouch="true"
Bei Klick auf die Pfeile oder die 'Thumbnails' (die kleinen Fotos als Vorschaubilder bzw. Bildanzanzeiger) stoppt die automatisch ablaufende Slideshow und lässt sich eben manuell schneller durchklicken. Wenn Sie das Stoppen nicht möchten, so schreiben Sie bei "data-stopautoplayontouch" 'false' statt 'true'.

Bereits verlinkt

Sowohl alle Links im Hauptmenü als auch die Links im Fussbereich wie Impressum, Datenschutz und Disclaimer sind alle verlinkt und dienen als Beispiel für den Einbau von Text und Bild. Alle genannten Links öffnen sich per CSS als div-Box (Boxfenster) innerhalb der selben Seite.