Bonjour,
novice en programmation, j'ai trouvé le code ci-dessous pour faire défiler des images sur le bandeau de mon site. Tout fonctionne très bien sur IE mais pas sous firefox. quelqu'un voit-il le problème ? www.vache-maraichine.org
De plus si quelqu'un sait comment faire s'estomper les images moins brutalement, je suis preneur d'une meilleure transition des photos.
Merci pour votre aide
barbs
Code
<head>
<script type="text/javascript">
couv = new Array;
couv[0] = '../top/bandeau1.gif'
couv[1] = '../top/bandeau2.gif'
couv[2] = '../top/bandeau3.png'
couv[3] = '../top/bandeau4.png'
couv[4] = '../top/bandeau5.png'
couv[5] = '../top/bandeau6.png'
num = 2
function ChangeImage()
{
if (num == -1) { num = (couv.length-1)}
if(document.getElementById)
{
document.getElementById("bando").background = couv[num];
num = num-1
}
setTimeout("ChangeImage()", 5000);
}
window.onload = ChangeImage;
//-->
</script>
</head>
<table id="bando" width="100%" height="150">
<tr>
<td width="100%" valign="top" size="16" align="center" <font color="#6C9662"> <h1>Association
pour la Valorisation de la Race Bovine Maraîchine et des Prairies Humides</h1></td>
</tr>
<tr>
<td width="100%" valign="bottom" align="right">
<a href="http://www.vache-maraichine.org/spip.php?article14"><img border="0" src="../top/elevage.jpg" onMouseOver="this.src='../top/elevage1.jpg'" onMouseOut="this.src='../top/elevage.jpg'"></a>
<a href="http://www.vache-maraichine.org/spip.php?article7"><img border="0" src="../top/photo.jpg" onMouseOver="this.src='../top/photo1.jpg'" onMouseOut="this.src='../top/photo.jpg'"></a>
</td>
</tr>
</table>