[javascript] changer une image sur onclick [Résolu/Fermé]

Signaler
-
 Roxas -
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>
            
                

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
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci


Vraiment bien!! Merci :)
2013 toujours utile :p
2014 et c'est toujours d'actualité !
C'est exactement ce que je cherche....Merci
Messages postés
967
Date d'inscription
samedi 27 août 2005
Statut
Contributeur
Dernière intervention
3 juillet 2008
366
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>
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
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...
MERCI FRANCISBRICO
TU ES MON DIEU lol
tu me sors pas mal de la m....
merci a toi aussi christounet
Messages postés
1263
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
29 juillet 2010
1 334
Bonjour

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

A plus
Messages postés
1263
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
29 juillet 2010
1 334
Bonjour,

Tu dois utiliser GetElementById

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


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