Bonjour
Pourriez vous répondre à un problème de programmation en javascript.
J'ai crée pour mon site une visionneuse d'image en javascript avec boutons et liens différents selon les images affichées.
Cependant, je rencontre un problème dans le changement de liens lorsqu'une image passe c'est toujours le même lien qui s'affiche.Logiquement la valeur de var numero devrait s'incrémenter au passage de l'image. Lors de l'execution de la boucle de condition si la valeur est 2 alors on doit aboutir au lien correspondant.
Voilà mon code, merci pour votre aide
MARC
------------------------------------------------------------
c'est un problème d'incrémentation de la variable numero. En fait le code qui s'affiche est tjs :
}
______________________________________________
Voici le code ci-dessous :var numero est par défault="1"
<head>
<script language="JavaScript">
<!--
var bauto = 0;
var dossier="swf/";
var numero = 1;
function objet() {
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom = new objet ("img2.jpg", "img1.jpg");
function suivante() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
}
function precedente() {
numero -= 1;
if (numero == 0) numero = nom.length;
document.image.src = dossier+nom[numero];
}
function changer() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
roll=setTimeout("changer()", 4000);
}
function initial() {
window.clearTimeout(roll);
document.image.src = dossier+nom[numero];
}
function auto() {
if (bauto == 0) {
bauto =1; changer();
}
else {
bauto =0; initial();
}
}
//-->
</head>
Voici la gestion de l'affichage dans body :
<body dir="#LANG_DIR" onLoad="auto();">
<form name="vision" align="middle">
<div align="center" vertical-align="top" class="surtitre" >L'Actualité en Images ... <button type="button" style="background:white; cursor:hand; border:solid 0px white;"
style="background:white; cursor:hand; border:solid 0px white;"
onclick="precedente();">
<img src="images-interface/prec.jpg" alt="Arrière">
</button>
<button type="button" style="background:white; cursor:hand; border:solid 0px white;"
style="background:white; cursor:hand; border:solid 0px white;"
onclick="suivante();">
<img src="images-interface/suiv.jpg" alt="Avant">
</button>
<button type="button" style="background:white; cursor:hand; border:solid 0px white;"
style="background:white; cursor:hand; border:solid 0px white;"
onclick="auto();">
<img src="images-interface/pause.jpg" alt="Lecture/Pause">
</button>
<a href="javascript:document.location(link)" title="En savoir plus ..."><img src="swf/" alt="En savoir plus ..." name="image" border="0"></A>
</form>