11548 sujets

JavaScript, DOM et API Web HTML5

Ce diaporama fonctionne parfaitement.

Si on en place deux sur une page, il faut placer deux codes avec des variables différentes.

Y a-il une solution pour utiliser un code commun ?

Merci d'avance.

<script language="JavaScript">

var Image = new Array();

Image[0] = 'http://img12.imageshack.us/img12/4260/bandeaumelange1.jpg';
Image[1] = 'http://img24.imageshack.us/img24/5307/bandeaumelange2.jpg';
Image[2] = 'http://img27.imageshack.us/img27/7600/bandeaumelange3.jpg';
Image[3] = 'http://img197.imageshack.us/img197/566/bandeaumelange4.jpg';
Image[4] = 'http://img807.imageshack.us/img807/1817/bandeaumelange5.jpg';
Image[5] = 'http://img405.imageshack.us/img405/9918/bandeaumelange6.jpg';

Lien = new Array();

Lien[0] = 'http://img12.imageshack.us/img12/4260/bandeaumelange1.jpg';
Lien[1] = 'http://img24.imageshack.us/img24/5307/bandeaumelange2.jpg';
Lien[2] = 'http://img27.imageshack.us/img27/7600/bandeaumelange3.jpg';
Lien[3] = 'http://img197.imageshack.us/img197/566/bandeaumelange4.jpg';
Lien[4] = 'http://img807.imageshack.us/img807/1817/bandeaumelange5.jpg';
Lien[5] = 'http://img405.imageshack.us/img405/9918/bandeaumelange6.jpg';

var Legende = new Array()

Legende [0] = 'Légende 1';
Legende [1] = 'Légende 2';
Legende [2] = 'Légende 3';
Legende [3] = 'Légende 4';
Legende [4] = 'Légende 5';
Legende [5] = 'Légende 6';

var compteur = parseInt(Math.random()*Image.length);
var defiler = 16;
function avant() {defiler = 16;}
function arriere() {defiler=15;}
function stop() {defiler = 1;}
function suivante() {compteur++;defiler = 1;}
function precedente() {compteur = compteur - 1;defiler = 1;}
function defilement() {document.write('<a href="#" onclick="window.open(Lien[compteur-1]);return(false)"><img style="width: 905px; height: 127px;" border="0" name="defil" /></a>');compteurmax();}
function compteurmax(){intervalle = setTimeout("compteurmax()",defiler*200);if (defiler == 16) compteur++;if (defiler == 15) compteur=compteur-1;if (compteur == 0) {compteur = Image.length;};if (compteur == (Image.length+1)) {compteur = 1;};document.defil.src = Image[compteur-1];document.getElementById('legendes').innerHTML = Legende [compteur-1];}
</script><center><script>defilement()</script>

</center><br/>
Tu souhaites afficher deux fois le même ?

Sinon, pourquoi ne pas vouloir changer les noms de variables dans la seconde copie ?
1) Le second diaporama aurait des images différentes.

2) Changer les variables fonctionne mais c'est fastidieux. La question est donc de savoir comment l'éviter.