Jquery Tool "Cycle" einbauen

Hallo,

ich würde gerne das jquery-Tool "Cycle" in meine Homepage einbinden.

http://www.gayadesign.com/diy/presentati…-a-progressbar/

Leider komm ich nicht ganz zurecht :-/

Kann mir jemand helfen wie ich das alles einbinden muss?

Vielen Dank bereits im Voraus.

Mit freundlichen Grüßen

Andreas

Ich benutze noch die 10er Version.

Das Tool soll für eine Startseite werden.

Also ein wenig weiß ich ja.

Die Dateien entpacke ich in die jeweiligen Ordner - das ja ganz easy.

Dann füge ich in die default.html in den head-Bereich folgendes ein:

<link rel="stylesheet" type="text/css" href="css/presentationCycle.css" />
<script type='text/javascript' src='_media(/query.cycle.all.min.js'></script>
<script type='text/javascript' src='_media/presentationCycle.js'></script>

<script type="text/javascript">
presentationCycle.init();
</script

Dann füge ich im Zeta auf der jeweiligen Seite folgenden Code ein:

<div id="presentation_container" class="pc_container">

<div class="pc_item">
<div class="desc">
<h1>Description title</h1>
You can put your description in here.
</div>
<img src="media/images/slide1.jpg" alt="slide1" />
</div>

<!-- ... repeat the previous item -->

</div>

Und nun komplett erstellen und veröffentlichen.

Aber leider läuft das noch nicht :-/