[javascript] Défilement images
Bonjour,
J'ai ces deux javascript en tête de ma page :
Code:
1
2
3
| <script language="javascript">var imgId = '__sponsorLogo4';var imgId2 = '__sponsorLogo5';var imgId3 = '__sponsorLogo6';var imageFolder = 'images/sponsors/logos/gauche/';var imageSources = Array('bricoplanit.gif', 'caudalie.gif', 'pepsi.gif', 'specital.gif' );var i = null;function changeSponsorLogo2() { if (i == null) i = Math.floor(Math.random() * imageSources.length);else if (i == imageSources.length) i = 0;if (document.images[imgId]) { document.images[imgId].src = imageFolder + imageSources[i];i++;if (i == imageSources.length) i = 0;}if (document.images[imgId2]){ document.images[imgId2].src = imageFolder + imageSources[i]; i++;if (i == imageSources.length) i = 0;}if (document.images[imgId3]){ document.images[imgId3].src = imageFolder + imageSources[i];i++;if (i == imageSources.length) i = 0;}} </script>
<script language="javascript">var imgId = '__sponsorLogo';var imgId2 = '__sponsorLogo2';var imgId3 = '__sponsorLogo3';var imageFolder = 'images/sponsors/logos/droite/';var imageSources = Array('henrotte.gif', 'lamaree.gif', 'looza.gif', 'maitres-cuisiniers.gif', 'pepsi.gif' );var i = null;function changeSponsorLogo() { if (i == null) i = Math.floor(Math.random() * imageSources.length);else if (i == imageSources.length) i = 0;if (document.images[imgId]) { document.images[imgId].src = imageFolder + imageSources[i];i++;if (i == imageSources.length) i = 0;}if (document.images[imgId2]){ document.images[imgId2].src = imageFolder + imageSources[i]; i++;if (i == imageSources.length) i = 0;}if (document.images[imgId3]){ document.images[imgId3].src = imageFolder + imageSources[i];i++;if (i == imageSources.length) i = 0;}}window.onload = function() {setInterval('changeSponsorLogo()', 2000);setInterval('changeSponsorLogo2()', 2000);} </script> |
Et mon html :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
...
<P>
<img id="__sponsorLogo4" src="images/espaceur.gif" border="0" hspace="10"><br>
<br>
<IMG id="__sponsorLogo5" src="images/espaceur.gif" border="0" hspace="10"><br>
<br>
<IMG id="__sponsorLogo6" src="images/espaceur.gif" border="0" hspace="10"></P>
</div>
</TD>
<TD style="HEIGHT: 36px" vAlign="middle" align="center" width="10%"><IMG height="1" alt="" src="images/espaceur.gif" width="130"></TD>
<TD style="HEIGHT: 36px" vAlign="middle" align="center" width="20%"><IMG alt="" src="images/5star.gif"></TD>
<TD style="HEIGHT: 36px" vAlign="middle" align="center" width="10%"><IMG height="1" alt="" src="images/espaceur.gif" width="130"></TD>
<TD style="HEIGHT: 36px" vAlign="middle" align="center" width="30%">
<TD vAlign="top" noWrap align="right" width="30%">
<div style="Z-INDEX: 99; RIGHT: 6px; OVERFLOW: visible; POSITION: absolute; TOP: 10px">
<P>
</script>
<img id="__sponsorLogo" src="images/espaceur.gif" border="0" hspace="10"><br>
<br>
<IMG id="__sponsorLogo2" src="images/espaceur.gif" border="0" hspace="10"><br>
<br>
<IMG id="__sponsorLogo3" src="images/espaceur.gif" border="0" hspace="10"></P>
</div>
... |
Celui qui attaque les 3 dernières fonctionne.
L'autre non... il ne m'affiche rien...
Quelqu'un peut me dire pourquoi ?
Merci
