11548 sujets

JavaScript, DOM et API Web HTML5

bonjour à tous,

je viens vers vous car le bloque sur un soucis, en espérant que vous pourrez m'aider.
Dans ma page, j'ai un carousel et un lightbox....
Ils fonctionnent parfaitement de façon individuelle. Mais quand je cherche à les faire fonctionner ensemble.... ça ne fonctionne pas.
Si le carousel est ok, le lightbox ouvre l'image dans une nouvelle fenêtre.
Si le lightbox est ok, le carousel ne fonctionne plus du tout....
je vous met ce que j'ai de mon head...



<script src="scripts/prototype.js" type="text/javascript"></script>
<script src="scripts/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="scripts/lightbox.js" type="text/javascript"></script>

<script type="text/javascript" language="javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" language="javascript" src="scripts/jquery.carouFredSel-5.4.1-packed.js"></script>
  

<script type="text/javascript" language="javascript">
$(function() {
	$("#slider").carouFredSel({
		auto 	: false,
		scroll: 1,
		prev	: {	
			button	: "#foo2_prev",
			key		: "left"
		},
		next	: { 
			button	: "#foo2_next",
			key		: "right"
		},
		pagination	: "#foo2_pag"
	});
	});
</script>


J'ai plus ou moins compris que je pourrais "régler" mon problème avec $.noConflict(); mais étant une vrais bille (et le terme est faible) en script... Je ne sais pas du tout comment l'appliquer.
J'ai essayer de le mettre dans le head... ça ne change rien...
J'ai essayer de le mettre dans le script de prototype.js.... ça ne change rien non plus.

Y aurait il une personne parmis vous tous qui saurait me dépanner ?

Je vous en remercie par avance
Salut,


Déjà tu peux améliorer la performance en glissant ces scripts en bas de page avant la balise </body> ensuite un lien vers ta page serait plus pratique. Smiley cligne