Einfache und überzeugende JavaScript-Bildeffekte mit jQuery-Plugins

Effektvolle Diashow über Cycle : Die HTML-Basis

∅ 4 / 4 Bewertungen

Die HTML-Basis

Auf dieser Seite

Beginnen wir mit der Diashow und erst einmal der HTML-Basis. Die Bilder, die Sie in einer Diashow anzeigen lassen wollen, müssen Sie innerhalb eines div-Containers in Ihrer Webseite einbinden. Diesen Container kennzeichnen Sie am besten über eine id. Beispielsweise so:

<div id="bilder">
  <img src="bilder/bild1.jpg" alt="Boot">
  <img src="bilder/bild2.jpg" alt="Leuchtturm">
  <img src="bilder/bild3.jpg" alt="Regenbogen"> 
  <!-- weitere Bilder -->
</div>

Derzeit werden die Bilder nebeneinander angezeigt. Per JavaScript wird aus diesen Bildern eine selbst ablaufende Diashow erstellt und dabei selbstverständlich immer nur ein Bild angezeigt.