Conflit entre deux fichiers JS

Bonjour !

Je fais appel aux âmes charitables certifiées docteur ès javascript

Sur un site que je conçois actuellement, j'utilise JCarousel pour avoir un slider avec scrolling vertical (de bas en haut). Ce dernier est présent sur toutes les pages.

Pour un type de page en particulier, j'aurais voulu utiliser PageSlide. Ce dernier fonctionne parfaitement, mais je me suis rendu compte que le slider utilisant JCarousel avait désormais un comportement complètement foireux sur la dite page.

Il commence normalement, défilement image par image, puis d'un coup se met à passer deux images d'un coup, et ensuite il continue de défiler sans images…

J'ai testé, ça bug uniquement quand la page contient l'appel au JS du PageSlide. Sans, le JCarousel fonctionne normalement, donc je suppose qu'il y a un conflit entre les deux. Le problème c'est que je ne comprends même pas comment un conflit entre deux fichiers externes peut arriver, ni même comment faire pour repérer d'où vient le problème.

Est-ce que quelqu'un a déjà rencontré ce genre de soucis ? Y'a-t-il un outil qui permettrait de repérer le problème ?

PS : Voici les deux fichiers sources javascript que j'utilise, JCarousel et PageSlide.
Modifié par Billou (08 Mar 2011 - 17:17)

Finalement j'ai trouvé la solution à force de faire des tests.

Il fallait qu'un script nécessaire à PageSlide…

<script type="text/javascript">
		$("#slide-left").pageSlide({ width: "350px", direction: "left" });
		$("#slide-right").pageSlide({ width: "350px", direction: "right" })
    	$("#slide-modal").pageSlide({ width: "350px", direction: "left", modal: true });
		</script>

… soit placé avant l'appel au JS du JCarousel, sinon bug à foison.

Pourquoi, bonne question, mais au moins je le saurais.

Bon en plus finalement ce système ne fonctionne pas pour ce que je voulais en faire, dommage.