[javascript] changer une image sur onclick

Résolu/Fermé
benschumi - 12 févr. 2008 à 16:09
 Roxas - 11 juin 2017 à 22:33
Bonjour,

j'essaye de mettre en place un diaporama mais je n'arrive pas a le faire fonctionner
si vous trouver ce qui ne marche pas, je serai heureux que vous me veniez en aide
Merci beaucoup

LE HTML
<html>
<head>
<title>Auto école Nouvel Age : </title>

<!-- Feuille de style -->
<link rel="stylesheet" type="text/css" href="menuderoul.css">
<!------------------------>

<!-- Bibliothèque javascript -->
<script type="text/javascript" src="javascript/menuderoul.js"></script>
<script type="text/javascript" src="javascript/diaporama.js"></script>
<!----------------------------------->
</head>

<body>

<table align="center" class="tablecenter"><tr><td width="800px" colspan=2>

<img src="image/logo.gif">
<!--tabelau du menu ----------------------------------------------------------------------------------------------->
<?php include("menu.html"); ?>
<!----------------------------------------------------------------------------------------------------->
</td></tr>
<tr><td width="175px"></td><td>


<!-- corps de la page ----------------------------------------------------------------------------------------------->
<div class="corps" align="center">
EDDY... ...SERRE A DROITE
<br><br>

<div align="center">
<input type="button" name="Précédente" value="Précédente" onclick="precedente();">

<input type="button" name="suivante" value="Suivante" onclick="suivante();">

<input type="button" name="Diaporama" value="Diaporama" onclick="auto();">
</div>
<br>
<div align="center"><img src="image/pourrire/0.jpg" id="image" width="640" height="480"></div>

</div>
<!----------------------------------------------------------------------------------------------------->

</td></tr>
<tr><td height="400px" colspan=2></td></tr></table>
</body>

</html>

ET LE JAVASCRIPT

<script>
var Dossier = "image/pourrire/";
var Numero = 0;
var Nom = new Array;
Nom[0] = "0.jpg";
Nom[1] = "1.jpg";




function suivante()
{
Numero += 1;
if (Numero == NomImage.length + 1)
{
Numero = 1;
}
document.image.src=Dossier+Nom[Numero];
}

</script>
            
                
A voir également:

8 réponses

Et pour info, tout le monde s'en fout vu la date mais
document.getElementById("image").src = Dossier+Nom[Numero];

fonctionne très bien !!
Suffit juste de ne pas mettre de majuscule à GetElementById.

@+
41
non moi ca m'interesse :)
0
moi aussi
0
hihi ! 2012 !!
0
moi aussi ca m'a intéressé
0
creationwebpme
17 mai 2012 à 03:49
Vraiment bien!! Merci :)
0
francisbrico
Messages postés
967
Date d'inscription
samedi 27 août 2005
Statut
Contributeur
Dernière intervention
3 juillet 2008
369
12 févr. 2008 à 16:43
ca ca marche

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="JavaScript">

var dossier="image/pourrire/";
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 ("0.jpg", "1.jpg");

function suivante() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
}
</script>
</head>
<body>

<table align="center" class="tablecenter"><tr><td width="800px" colspan=2>

<img src="image/logo.gif">
<!--tabelau du menu ------------------------------------------------------------------------------------------ ----->
<?php include("menu.html"); ?>
<!------------------------------------------------------------------------------------ ----------------->
</td></tr>
<tr><td width="175px"></td><td>


<!-- corps de la page ------------------------------------------------------------------------------------------ ----->
<div class="corps" align="center">
EDDY... ...SERRE A DROITE
<br><br>

<div align="center">
<input type="button" name="Précédente" value="Précédente" onclick="precedente();">

<input type="button" name="suivante" value="Suivante" onclick="suivante();">

<input type="button" name="Diaporama" value="Diaporama" onclick="auto();">
</div>
<br>
<div align="center"><img src="0.jpg" id="image" width="640" height="480"></div>

</div>
<!----------------------------------------------------------------------------------- ------------------>

</td></tr>
<tr><td height="400px" colspan=2></td></tr></table>
</body>

</html>
9
j'ai fait çà

function suivante()
{
Numero += 1;
document.GetElementById("image").src = Dossier + Nom[Numero];
}

je l'avait déjà essayer mais ça ne marche pas

je commence a devenir fou...

merci quand même de ton aide
7
Salut

j'ai oublier de changer le nom mais pour l'instant c'est pas censé rentrer dans le if,
changer la premiere image ne marche pas

function suivante()
{
Numero += 1;
document.image.src=Dossier+Nom[Numero];
}

Merci quand meme, à l'aide...
2

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

Posez votre question
MERCI FRANCISBRICO
TU ES MON DIEU lol
tu me sors pas mal de la m....
merci a toi aussi christounet
2
Christounet
Messages postés
1263
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
29 juillet 2010
1 374
12 févr. 2008 à 16:17
Bonjour

Tu définis une variable Nom[0] et Nom[1] mais tu testes la variable NomImage.length ?

A plus
1
Christounet
Messages postés
1263
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
29 juillet 2010
1 374
12 févr. 2008 à 16:41
Bonjour,

Tu dois utiliser GetElementById

document.GetElementById("image").src = Dossier+Nom[Numero]


A plus
1
il faut ajouter l'extension !!
document.GetElementById("image").src = Dossier+Nom[Numero].'extension'
1