[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>


<link rel="stylesheet" type="text/css" href="menuderoul.css">



<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">

<?php include("menu.html"); ?>

</td></tr>
<tr><td width="175px"></td><td>


<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:

Javascript changer image onclick
Javascript changer d'image au clic - Meilleures réponses
Changer d'image en cliquant javascript - Meilleures réponses
[javascript] changer une image sur onclick ✓ - Forum - Javascript
Changement image OnClick javascript ✓ - Forum - Javascript
Changer d'image avec un clique ✓ - Forum - HTML
JavaScript changer une image par un click - Forum - Javascript
JavaScript: Changement d' Images et Titre ✓ - Forum - Javascript

8 réponses

Réponse 1 / 8

MiMiX
16 févr. 2011 à 16:41

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.

@+

g
26 mars 2011 à 14:18

non moi ca m'interesse :)

mimi
15 août 2011 à 16:54

moi aussi

oriane
17 févr. 2012 à 08:34

hihi ! 2012 !!

benjar
16 mars 2012 à 14:46

moi aussi ca m'a intéressé

creationwebpme
17 mai 2012 à 03:49

Vraiment bien!! Merci :)

Réponse 2 / 8

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">

<?php include("menu.html"); ?>

</td></tr>
<tr><td width="175px"></td><td>


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

Réponse 3 / 8

benschumi
12 févr. 2008 à 16:47

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

Réponse 4 / 8

benschumi
12 févr. 2008 à 16:31

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...

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

Posez votre question

Réponse 5 / 8

benschumi
12 févr. 2008 à 16:53

MERCI FRANCISBRICO
TU ES MON DIEU lol
tu me sors pas mal de la m....
merci a toi aussi christounet

Réponse 6 / 8

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

Réponse 7 / 8

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

Réponse 8 / 8

petrucci
23 août 2012 à 19:48

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

Newsletters