Insertion d'un carousel

Bonjour à tous amis du web, je viens solliciter vôtre aide car j'ai un petit soucis pour insérer un "carousel" sur mon site web...

Pour être honnête je ne m'y connais pas en jquery et très peu en javascript, donc voici le site en question : http://crown-cars.netau.net (ont voit bien en deuxième page que le résultat n'est pas celui voulu)

Et voici le "carousel" que j'aimerais y insérer : http://codepen.io/redfrost/pen/dbrgk

J'ai donc insérer le html ainsi que le css et créé un fichier "carousel.js" pour lequel j'ai fait un lien direct sur ma page html et aussi importer la library jquery heberger sur mon serveur :

Code:

---

1 2	<script type="text/javascript" src="jquery-1.12.0.min.js"></script> <script type="text/javascript" src="carousel.js"></script>

---

Je pense que cela dois venir du lien entre un class="" et le script jquery mais j'ai du mal.

Merci d'avance pour vôtre aide et bonne continuation à tous !! ;)

Code:

---

1 2 3 4 5 6

// Carousel Auto-Cycle $(function() { $('#myCarousel').myCarousel({ interval: 6000 }); });

---

Je te remercie pour ton aide l'ami, malheureusement cela ne fonctionne toujours pas. J'avais déjà essayer en remplaçant juste le ".carousel" par "#myCarousel" car c'étais le seul id que j'avais trouvé dans le code html mais en vain...

je ne sais pas d'où pourrait provenir l'erreur, pourtant j'ai revérifier et revérifier les noms des documents ainsi que les attribut utilisés etc :/