<div id="sponsors">
<script language="JavaScript" type="text/javascript">
var sponsors= new Array('slide15', 'slide09', 'slide01', 'slide03', 'slide05', 'slide14', 'slide11', 'slide04', 'slide16', 'slide19', 'slide02', 'slide20', 'slide12', 'slide17', 'slide07', 'slide06', 'slide18', 'slide13', 'slide08', 'slide10');
var sponsors_i = 0;

function SlideShow() {
Effect.Fade(sponsors[sponsors_i], { duration:1, from:1.0, to:0.0 });
sponsors_i++;
if (sponsors_i == 19) sponsors_i = 0;
Effect.Appear(sponsors[sponsors_i], { duration:1, from:0.0, to:1.0 });
}

function start_slideshow() { setInterval('SlideShow()','5000'); }

</script>

<div id="slideshow-content">
<div class="slide" id="slide01" style="display: none;">
<a href="http://www.url1.com" title="titre01" target="_blank"><img src="images/sponsors/09.png" class="full" /></a>
</div>
<div class="slide" id="slide02" style="display: none;">
<a href="http://www.url2.com" title="titre02" target="_blank"><img src="images/sponsors/01.png" class="full" /></a>
</div>
<div class="slide" id="slide03" style="display: none;">
<a href="http://www.url3.com" title="titre03" target="_blank"><img src="images/sponsors/03.png" class="full" /></a>
</div>

<div class="slide" id="slide04" style="display: none;">
<a href="http://www.url4.com" title="titre04" target="_blank"><img src="images/sponsors/05.png" class="full" /></a>
</div>
<div class="slide" id="slide05" style="display: none;">
<a href="http://www.ur5.com" title="titre05" target="_blank"><img src="images/sponsors/14.png" class="full" /></a>
</div>
<div class="slide" id="slide06" style="display: none;">
<a href="http://www.url6.com" title="titre06" target="_blank"><img src="images/sponsors/11.png" class="full" /></a>
</div>

<div class="slide" id="slide07" style="display: none;">
<a href="http://www.url7.com" title="titre07" target="_blank"><img src="images/sponsors/04.png" class="full" /></a>
</div>
<div class="slide" id="slide08" style="display: none;">
<a href="http://www.url8.com" title="titre08" target="_blank"><img src="images/sponsors/16.png" class="full" /></a>
</div>
<div class="slide" id="slide09" style="display: none;">
<a href="http://www.url9.com" title="titre09" target="_blank"><img src="images/sponsors/19.png" class="full" /></a>
</div>

<div class="slide" id="slide10" style="display: none;">
<a href="http://www.url10.com" title="titre10" target="_blank"><img src="images/sponsors/02.png" class="full" /></a>
</div>
</div>
</div>

Hello; je suis en train de faire un slideshow très simple pour afficher les sponsors de mon site.
En gros, je passe à javascript un array php.
Chaque élément de cet array comprend un numéro d'image, un titre et un lien.

Je veux juste avoir un bloc "sponsors" où est affichée chaque sponsors pendant quelque secondes, puis FADE vers le suivant.
ça marche presque, mais il y a des bugs et je ne vois pas où. Voir ici dans la colonne de droite :http://tinyurl.com/2c3bvq

Le code :