[javascript] Défilement images

**diaboloche** · 07/03/2007, 11h23

Bonjour,

J'ai ces deux javascript en tête de ma page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**E.Bzz** · 07/03/2007, 11h33

Bonjour,
tu utilises visiblement les même variable globales.
Il ne doit garder que la dernière affectation ...
A quel endroit de ta page sont placés tes scripts ?

A+