Forum de discussion
Forum « Programmation Javascript » (archives)
diaporama en continu
Envoyé: 13 avril 2004, 11h11 par raph707
************** début code source *******
<html>
<head>
<script language = "javascript">
<!--
var i = 1;
diapo = new Array
diapo[1] = "Collines.gif";
diapo[2] = "soleilcouchant.gif";
diapo[3] = "Hiver.gif";
diapo[4] = "Nenuphars.gif";
function precedent()
{
if (i != 1)
{
document.diapo1.src = diapo[i - 1];
}
i--
}
// function
function suivant()
{
if (i != 4)
{
document.diapo1.src = diapo[i + 1];
}
i++
}
//-->
</script>
</head>
<body>
<center> <img src = "Collines.gif" name="diapo1"></center><br>
<center><a href = "" onClick = "precedent(); return false;" >PRECEDENT</a>
<a href = "" onClick = "suivant(); return false;" >SUIVANT</a></center>
</body>
</html>
************** fin code source **************************
Maintenat, si je veux le réaliser en continu. Lorsque l ' utilisateur arrive au dernier diapo (en l ' occurence diapo[4] ici), s ' il clique à nouveau sur "suivant", il doit se retrouver au diapo 1.
Si au contraire il est au diapo 1 et qu' il clique à nouveau sur "précedent", il se retrouve au diapo 4.
ça m ' a semblé plus facile mais ça ne marche pas.
voici ce que j ' ai rajouté et qui ne marche donc pas.
************ rajout*******************
rajout numéro 1:
dans le script contenant la "function precedent", en dessous de la ligne contenant i--, j ' ai ajouté :
" else { document.diapo1.src = diapo[i + 3]; } "
// explication: vous l' aurez compris, else veut dire que i = 1. donc i + 3 = 4 --> donc en cliquant sur precedent en étant sur diapo[1], on passe à diapo[4].
rajout numéro 2 :
dans le script contenant la "function suivant", en dessous de la ligne contenant i++, j ' ai ajouté :
"else { document.diapo1.src = diapo[i - 3]; }
// explication: vous l ' aurez compris, else veut dire que i = 1. donc i - 3 = 1 --> donc en cliquant sur suivant en étant sur diapo[4], on passe à diapo[1]. d ' où la boucle.
Merci d avance à celui qui trouve
Réponses
|