Probleme de code pour diaporama par bouton??
kiwi3110
Messages postés
158
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>
A voir également:
- Probleme de code pour diaporama par bouton??
- Code ascii - Guide
- Code puk bloqué - Guide
- Code de déverrouillage oublié - Guide
- Code activation windows 10 - Guide
- Diagnostic bouton photo - Accueil - Outils
8 réponses
Salut,
Voici le code qui fonctionne :
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>
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?
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.?
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 ?
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>
<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>