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

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.

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