Probleme de code pour diaporama par bouton??
kiwi3110
Messages postés
157
Date d'inscription
Statut
Membre
-
ricoanco -
ricoanco -
Bonjour,
je voudrais faire fonctionner ce code: defilement photo par bouton...visiblement j ai un souci car le clic bouton ne fonctionne pas..qq un verrait il le probleme
<html>
<head>
<script language="JavaScript">
<!--
i = 1;
function affiche(numero) {
i = numero;
img.src = i+'.jpg';
text.value = i;
}
// -->
</script>
</head>
<body>
<img name="image" src="1.jpg""><br>
<input type="button" value="<" OnClick="affiche(i-1)">
<input type="texte" name="text" value="1" OnChange="affiche(text.value)">
<input type="button" value=">" OnClick="affiche(i+1)">
</body>
</html>
je voudrais faire fonctionner ce code: defilement photo par bouton...visiblement j ai un souci car le clic bouton ne fonctionne pas..qq un verrait il le probleme
<html>
<head>
<script language="JavaScript">
<!--
i = 1;
function affiche(numero) {
i = numero;
img.src = i+'.jpg';
text.value = i;
}
// -->
</script>
</head>
<body>
<img name="image" src="1.jpg""><br>
<input type="button" value="<" OnClick="affiche(i-1)">
<input type="texte" name="text" value="1" OnChange="affiche(text.value)">
<input type="button" value=">" OnClick="affiche(i+1)">
</body>
</html>
Configuration: Windows Vista Internet Explorer 7.0
8 réponses
-
Salut,
Voici le code qui fonctionne :<html> <head> <script language="JavaScript"> <!-- i = 1; function affiche(numero) { i = numero; document.getElementById("image").src = i+'.jpg'; document.getElementById("nbimage").value = i; } // --> </script> </head> <body> <img id="image" src="1.jpg"><br> <input type="button" value="<" OnClick="affiche(i-1)"> <input type="texte" id="nbimage" name="text" value="0"> <input type="button" value=">" OnClick="affiche(i+1)"> </body> </html> -
-
Ok, je vais reprendre le code, je te le redonne demain.
-
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
<html> <head> <script language="JavaScript"> <!-- i = 1; function affiche(numero) { if (numero == -1) { return false; } i = numero; if (document.getElementById) { document.getElementById("image").src = i+'.jpg'; document.getElementById("nbimage").value = i; } else if(document.all) { document.all["image"].src = i+'.jpg'; document.all("nbimage").value = i; } } // --> </script> </head> <body> <img id="image" src="1.jpg"><br> <input type="button" value="<" OnClick="affiche(i-1)"> <input type="texte" id="nbimage" name="text" value="0"> <input type="button" value=">" OnClick="affiche(i+1)"> </body> </html>
Voila. -
Ah non c'est pas possible je l'ai testé sur Firefox et sur I.E et oui le double égal est normal. A mon avis tu n'as pas activé JavaScript sur tes navigateurs ;-).
-
Ben si les visiteurs de ton site ne l'on pas activé, ils n'ont pas accés à ton diaporama mais ne t'inquiète pas maintenant tout le monde active Javascript.
Pour l'activation de JS, tout d'abord, quel est ton navigateur ? -
bonjour! je voudrais faire fonctionner ce code, comment dois-je faire, pour faire le lien entre mes image dois-je placer mes image dans un dossier pour le code aille chercher les images enfin je suis perdu !merci d'avance.
<html>
<head>
<title>Document sans nom</title>
<form name="form1" method="post" action="">
<script language="JavaScript">
window[num]=1;
window[nbr_photo]=8;
window[source]="photo/1.jpg";
function bonne_source()
{
var photo_source = new Array;
photo_source[1]="photo/1.jpg";
photo_source[2]="photo/2.jpg";
photo_source[3]="photo/3.jpg";
photo_source[4]="photo/4.jpg";
photo_source[5]="photo/5.jpg";
photo_source[6]="photo/6.jpg";
photo_source[7]="photo/7.jpg";
photo_source[8]="photo/8.jpg";
document.getElementById('foto').src=photo_source[num];
}
function prem_photo()
{
num=1;
bonne_source();
}
function pred_photo()
{
if (num != 1)
{
num=num-1;
bonne_source();
}
}
function suiv_photo()
{
if (num != nbr_photo)
{
num=num+1;
bonne_source();
}
}
function fin_photo()
{
num=nbr_photo;
bonne_source();
}
</script>
</head>
<body>
<div align="center">
<p><img name="Photo" src="photo/1.jpg" id="foto" width="320" height="240" alt="" style="background-color: #330066"></p>
<p><label>truc</label> </p>
<p>
<input name="prem" type="submit" id="prem" value="Début" onClick="prem_photo();">
<input name="pred" type="submit" id="pred" value="Précedent" onClick="pred_photo();">
<input name="suiv" type="submit" id="suiv" value="Suivant" onClick="suiv_photo();">
<input name="fin" type="submit" id="fin" value="Fin" onClick="fin_photo();">
</p>
</div>
</form>
</body>
</html>
