Einfache und überzeugende JavaScript-Bildeffekte mit jQuery-Plugins

Effektvolle Diashow über Cycle

Elemente auswählen

#bilder im Beispiel ist ein Selektor, der angibt, für welche Elemente die Diashow aktiviert werden soll. Wenn dieser Selektor Sie an die Selektoren aus CSS erinnert, so haben Sie recht: Er ist genauso aufgebaut.

An dieser Stelle können Sie alle Selektoren einsetzen, die Sie von CSS kennen. Hierzu zwei weitere Beispiele:

Angenommen, Sie haben den div-Container über eine Klasse gekennzeichnet:

<div class="diashow">
</div>

Dann könnten Sie die Diashow folgendermaßen aktivieren:

$('.diashow').cycle();

Soll die Diashow hingegen für alle Absätze (p-Elemente) aktiviert werden, so schreiben Sie:

$('p').cycle();

Mehr Selektoren

Sie können alle Selektoren aus CSS verwenden, daneben auch fortgeschrittene, die erst in CSS 3 möglich sind. Außerdem gibt es weitere jQuery-spezifische Selektoren. Eine vollständige Auflistung steht in der jQuery-Dokumentation unter http://docs.jquery.com/Selectors.

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