JQuery : fadeIn(), fadeOut() ...

Bonjour,

Je me suis fait un petit script en Jacascript, pour changer des images en leur donnant un petit effet de transition.

<script type="text/javascript">
	//<![CDATA[
	function diapo() {
		var dossier_images = "images/accueil/change/",
		img = document.getElementById("change"),
		delai = 10000;

		(function change(n) {
			img.src = dossier_images + n + '.png';
			jQuery(img).fadeIn("2000");
			setTimeout(function(){jQuery(img).fadeOut("2000");},6000);
			n = (n<10) ? n+1 : 1;
			setTimeout(function() { change(n); },delai);
		})(Math.floor(Math.random()*10));
	}
	
	window.onload=diapo;
	//]]>
</script>

Mais le problème, c'est que

setTimeout(function(){jQuery(img).fadeOut("2000")},6000);

Me fait planter firefox ... Je suppose donc que ma syntaxe est incorrecte, masi j'avoue que je ne sais pas trop quoi faire ...

Donc si une bonne âme pouvait m'éclairer sur la marche à suivre pour adapter mon script à ce fameux fadeIn, fadeOUt de jQuery ...

Merci d'avance !
Modifié par testu (16 Oct 2009 - 09:04)

est-ce que serinterval ferait l'affaire dans ton cas?