öffentlich
Redaktion Druckversion

Einfache und überzeugende JavaScript-Bildeffekte mit jQuery-Plugins

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.

Mitglied werden, Vorteile nutzen!

  • Sie können alles lesen und herunterladen: Beiträge, PDF-Dateien und Zusatzdateien (Checklisten, Vorlagen, Musterbriefe, Excel-Rechner u.v.a.m.)
  • Unsere Autoren beantworten Ihre Fragen

Inhalt

Über die Autorin:

bild117864

Dr. Florence Maurice bietet Dienstleistungen im Webpublishing in Form von Fachtexten und Trainings (auch maßgeschneiderte Inhouse-Schulungen). Außerdem programmiert sie Webseiten. Ihre Themen: HTML, ...

Newsletter abonnieren