Einfache und überzeugende JavaScript-Bildeffekte mit jQuery-Plugins

Von: Dr. Florence Maurice
Stand: 12. März 2010
5
(3)
Beitrag bewerten
Anmelden um Kommentare zu schreiben

Effektvolle Diashow über Cycle

Die HTML-Basis

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.

Dies ist eine Leseprobe

Möchten Sie den Beitrag komplett lesen? Dann werden Sie Probemitglied und testen Sie akademie.de 14 Tage kostenlos!

Auf Bilder mit JavaScript: jQuery-Plugins erfahren Sie mehr über diesen Beitrag und die weiteren Leseproben.

Weitere Informationen finden Sie auf unserer Infoseite zur Mitgliedschaft und in unseren AGB.

Ich bin bereits Mitglied
Jetzt Probemitglied werden
Ich kann in den 14 Tagen Probezeit formlos z.B. per E-Mail stornieren. Wenn ich das nicht tue, entscheide ich mich für ein