[javascript] changer une image sur onclick
Résolu
benschumi
-
Roxas -
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>
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:
- Javascript onclick image
- Change image on click - Meilleures réponses
- Javascript image change onclick - Meilleures réponses
- Image iso - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Légender une image - Guide
- Telecharger javascript - Télécharger - Langages
8 réponses
Et pour info, tout le monde s'en fout vu la date mais
fonctionne très bien !!
Suffit juste de ne pas mettre de majuscule à GetElementById.
@+
document.getElementById("image").src = Dossier+Nom[Numero];
fonctionne très bien !!
Suffit juste de ne pas mettre de majuscule à GetElementById.
@+
g
non moi ca m'interesse :)
mimi
moi aussi
oriane
hihi ! 2012 !!
benjar
moi aussi ca m'a intéressé
creationwebpme
Vraiment bien!! Merci :)
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>
<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
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...
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
Bonjour
Tu définis une variable Nom[0] et Nom[1] mais tu testes la variable NomImage.length ?
A plus
Tu définis une variable Nom[0] et Nom[1] mais tu testes la variable NomImage.length ?
A plus