[javascript] changer une image sur onclick

Résolu

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

Configuration: Windows XP
Firefox 2.0.0.12

Afficher la suite

A voir également:

Change image on click
Javascript image change onclick - Meilleures réponses
Javascript img onclick - Meilleures réponses
Légende image word - Guide
Reduire taille image - Guide
Change dns - Guide
Image iso - Guide
Image de - Guide

8 réponses

Réponse 1 / 8

Meilleure réponse
La meilleure réponse est la réponse qui a été validée par nos équipes.
MiMiX
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.

@+
42
1. g
  
  non moi ca m'interesse :)
  
  0
2. mimi
  
  moi aussi
  
  0
3. oriane
  
  hihi ! 2012 !!
  
  0
4. benjar
  
  moi aussi ca m'a intéressé
  
  0
5. creationwebpme
  
  Vraiment bien!! Merci :)
  
  0
Réponse 2 / 8
francisbrico Messages postés 967 Statut Contributeur 369

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>
9
Réponse 3 / 8
benschumi

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
Réponse 4 / 8
benschumi

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
Réponse 5 / 8
benschumi

MERCI FRANCISBRICO
TU ES MON DIEU lol
tu me sors pas mal de la m....
merci a toi aussi christounet
2
Réponse 6 / 8
Christounet Messages postés 1272 Date d'inscription Statut Membre Dernière intervention 1 393

Bonjour

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

A plus
1
Réponse 7 / 8
Christounet Messages postés 1272 Date d'inscription Statut Membre Dernière intervention 1 393
Bonjour,

Tu dois utiliser GetElementById
```
document.GetElementById("image").src = Dossier+Nom[Numero]
```
A plus
1
Réponse 8 / 8
petrucci

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

[javascript] changer une image sur onclick

8 réponses

Discussions similaires

Newsletters