[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Site Web > XHTML / CSS > [JavaScript] L'image ne change pas ! > Lecture du sujet

[JavaScript] L'image ne change pas !

Et en plus elle ne s'affiche pas

Vous devez être inscrit pour pouvoir poster des messages

Résolu Le problème de ce sujet a été résolu

Page : 1

Auteur

Message

1 visiteur sur ce sujet (1 anonyme)

Page : 1

Wargz

# Posté le 30/08/2008 à 15:51:24

Nobody's perfect. I'm Nobody!

Groupe : Membres

Bonjour à tous !
En ce moment, j'essaie de créer un script tout bête qui change une image par une autre. Seulement, l'image ne s'affiche pas, et ne change pas. Voila le code :

Code : JavaScript

<script type="text/javascript">
   <!--
   

document.write('<img id="jeu" alt="Jeu" src="../images/gags/jeux/salon1.jpg" />'); /* Création d'une image */
document.write('<a onclick="javascript:document.getElementById('jeu').img.src = \"../images/gags/jeux/haie1.jpg\";">Cliquez pour afficher la solution</a>');/* On change la source de l'image pour en afficher une autre */
   
   //-->
   
   </script>

Merci du futur coup de main...

Édité le 30/08/2008 à 15:51:51 par Wargz

Yoshi Bleu en force !
Site de Modélisation 3D : Tuto - Blendy !

-Ne0-

# Posté le 30/08/2008 à 16:25:13

Groupe : Membres

Salut,

tu n'as pas échappé les ' autour de "jeu" dans le deuxième write.
Le javascript: n'est également pas utile dans un onclick (il l'est dans un href), mais l'erreur ne vient pas de ça.

Code : JavaScript

1
2

document.write('<img id="jeu" alt="Jeu" src="../images/gags/jeux/salon1.jpg" />');
document.write('<a onclick="document.getElementById(\'jeu\').img.src = \'../images/gags/jeux/haie1.jpg\';">Cliquez pour afficher la solution</a>');

- Ne0 -

Tuto sur le JavaScript
--> c'est par ici !

TiToF75

# Posté le 30/08/2008 à 16:41:58

Groupe : Membres

Cette réponse a aidé l'auteur du sujet

ecris le comme ca :
Code : HTML

<html>
<head>
<script type="text/javascript">

   </script>
</head>
<body>
<img id="jeu" alt="Jeu" src="../images/gags/jeux/salon1.jpg" />
<a onclick="javascript:document.getElementById('jeu').src = '../images/gags/jeux/haie1.jpg';">Cliquez pour afficher la solution</a>

</body>
</html>

ou si tu veux utiliser une fonction tu fais ca :

Code : HTML

<html>
<head>
<script type="text/javascript">
	function ChangeImg(img){
	document.getElementById(img).src = '../images/gags/jeux/haie1.jpg';
	}
   </script>
</head>
<body>
<img id="jeu" alt="Jeu" src="../images/gags/jeux/salon1.jpg" />
<a onclick="ChangeImg('jeu');">Cliquez pour afficher la solution</a>

</body>
</html>

Édité le 30/08/2008 à 16:44:29 par TiToF75

Yano

# Posté le 30/08/2008 à 16:45:08

Groupe : Membres

Bonjour,

Oui, plutôt ça
getElementById('jeu').img.src

Sinon, tu demandes de modifier la src de l'image de l'image.

Édité le 30/08/2008 à 16:45:57 par Yano

Wargz

# Posté le 30/08/2008 à 17:25:06

Nobody's perfect. I'm Nobody!

Groupe : Membres

Ok merci à tout le monde !

Dernière question : Pour que ma fonction soit réutilisable, je voudrais y mettre 2 paramètres mais ça ne marche plus... On peut me re-aider ?

Code : HTML

<p>
        <img id="haie" alt="Jeu" src="../images/gags/jeux/haie1.jpg" />
	<a onclick="ChangeImg('haie','../images/gags/salon2.jpg');">Cliquez pour afficher la solution</a>
	</p>

Et la fonction :
Code : JavaScript

function ChangeImg(image,image2)
	{
	document.getElementById(image).src = image2;
	}

Édité le 30/08/2008 à 17:44:41 par Wargz

Yoshi Bleu en force !
Site de Modélisation 3D : Tuto - Blendy !

Retour au forum "XHTML / CSS" ou à la liste des forums

Vous devez être inscrit pour pouvoir poster des messages

Tutoriels

Communauté

Mon compte

Recherche

Livre d'or

Publicité

[JavaScript] L'image ne change pas !

Et en plus elle ne s'affiche pas