DruckversionEffektvolle Diashow über Cycle
jQuery einbinden
Jetzt benötigen Sie die JavaScript-Dateien. Zuerst brauchen Sie die jQuery-Bibliothek, die Sie unter http://docs.jquery.com/Downloading_jQuery herunterladen können. Sie finden dort die Bibliothek in verschiedenen Versionen. Nehmen Sie die aktuelle Version (Current Release) in der minimierten (minified) Variante. Diese lädt schneller.
Zum Lesen
Falls Sie hingegen lesen möchten, was diese jQuery-Bibliothek macht, eignet sich dafür die unkomprimierte Datei, da diese auch Kommentare und Einrückungen enthält.
Um die jQuery-Bibliothek einzubinden, notieren Sie eine zusätzliche Angabe im head-Bereich Ihres Dokuments:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <!-- Hier können noch andere Angaben stehen wie meta-Angaben, title, Verweis auf eine CSS-Datei --> <script type="text/javascript" src="jquery.js"></script> </head> <body> <!-- Rest des Dokuments wie gehabt --> </body> </html>
Entscheidend ist die Zeile:
<script type="text/javascript" src="jquery.js"></script>
Dabei verweist die Angabe bei src auf Ihre jQuery-Datei, die im Beispiel jquery.js heißt und im selben Verzeichnis wie das HTML-Dokument liegt. Wenn Sie diese in einem Unterordner abgelegt haben, müssen Sie die Angabe entsprechend anpassen.
Dokumenttypangabe einsetzen
Oben im Beispiel sehen Sie in der ersten Zeile die Dokumenttypangabe. Dadurch stellen Sie sicher, dass der Browser das Dokument im Standardmodus anzeigt. Das ist wichtig, damit alles wie gewünscht funktioniert.
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