Probleme de code pour diaporama par bouton??

kiwi3110 Messages postés 158 Statut Membre -  
 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>
A voir également:

8 réponses

bibi675 Messages postés 402 Statut Membre 20
 
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>
0
kiwi3110 Messages postés 158 Statut Membre 3
 
bibi... pas moyen ..il affiche 1.jpg mais si je clique sur le bouton, zero reste zero..pas affichage de2.jpg..???les photos doivent elles etre de dimension parfaitement egale?
0
kiwi3110 Messages postés 158 Statut Membre 3 > kiwi3110 Messages postés 158 Statut Membre
 
bibi..il fonctionne bien sur mozilla mais par sur IE??tu as une idee...?sinon oui y pas moyen de finir une valeur max de photo de façon a ce qui si on clique + + on depasse pas le nombre max de photo.?
0
kiwi3110 Messages postés 158 Statut Membre 3
 
...
0
bibi675 Messages postés 402 Statut Membre 20
 
Ok, je vais reprendre le code, je te le redonne demain.
0
kiwi3110 Messages postés 158 Statut Membre 3
 
hello ...bibi..tu as pu voir ce que tu pouvais faire?
0
kiwi3110 Messages postés 158 Statut Membre 3
 
ok merci bibi
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
bibi675 Messages postés 402 Statut Membre 20
 
<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.
0
kiwi3110 Messages postés 158 Statut Membre 3
 
bibi;;tu l as essaye avec internet explorer.?pcq ça marche pas sur ie ;;comme hier..
0
kiwi3110 Messages postés 158 Statut Membre 3
 
bibi;;je lai essaye sur mozilla ,il marche pas non plus;;snif
je peux te demander c quoi : document.getElementById

et est ce nomal le double = dans if (numero == -1

j essaye de comprendre maais je t avouerai je patauge
0
bibi675 Messages postés 402 Statut Membre 20
 
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 ;-).
0
kiwi3110 Messages postés 158 Statut Membre 3
 
ok bibi/ca doit etre ca, comment on fait la manip stp?
et dis moi i le visiteur de mon site ne l a pas active egalement >>que se passe t il?
merci pour ton aide
0
bibi675 Messages postés 402 Statut Membre 20
 
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 ?
0
ricoanco
 
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>
0