Changement image javascript

Résolu/Fermé
le coin-coin Messages postés 66 Date d'inscription mercredi 2 juillet 2008 Statut Membre Dernière intervention 29 novembre 2014 - 10 févr. 2009 à 11:12
le coin-coin Messages postés 66 Date d'inscription mercredi 2 juillet 2008 Statut Membre Dernière intervention 29 novembre 2014 - 10 févr. 2009 à 11:37
Bonjour à tous,

Mon problème est simple : Je souhaite changer une image de ma page lors de passage de ma souris mais sur une autre image de ma page.
Si quelqun avait une idée des parametre a passé a la fonction javascript ainsi que son corps?

Merci d'avance pour vos réponses!
A voir également:

3 réponses

NookZ Messages postés 2138 Date d'inscription jeudi 29 janvier 2009 Statut Membre Dernière intervention 7 mars 2013 513
10 févr. 2009 à 11:15
Si l'image à modifier a un id unique, il suffit de ne passer aucun paramètre et de la récupérer par son id.
S'il s'agit de plusieurs images allant par paire, il faut créer des id en fonction de ces spécificités.
Par exemple :
id image à cliquer = iac1
id image à modifiier = iam1
dans quel cas il suffira dans la fonction de faire un substring de l'id de l'image source du clic et de modifier l'image ayant l'id = iam + substring de l'id
0
le coin-coin Messages postés 66 Date d'inscription mercredi 2 juillet 2008 Statut Membre Dernière intervention 29 novembre 2014 7
10 févr. 2009 à 11:30
Waoo merci mais on peut le refaire plus doucement stp? Je debute en javaScript et j'ai pas tout compris.

Code :

<img src="monImage1" />
<img src="monImage2" onMouseOver='Changer_Image()' />


Quels parametre pour la fonction ChangerImage() ?

function Changer_Image()
{
/* Quoi ici ? */

}
0
NookZ Messages postés 2138 Date d'inscription jeudi 29 janvier 2009 Statut Membre Dernière intervention 7 mars 2013 513
10 févr. 2009 à 11:34
Puisque vous n'avez que deux images, vous ne passer rien en paramètre de la fonction, ce qui donne
Remarquez que j'ai ajouter un id à l'image pour l'identifier de manière unique dans la page

<img src="monImage1" id="img1"/>
<img src="monImage2" onMouseOver='Changer_Image()' />


Quels parametre pour la fonction ChangerImage() ?

function Changer_Image()
{
/* Quoi ici ? */
document.getElementById('img1').src="manouvelleimage";
}

Cela devrait fonctionner.
0
le coin-coin Messages postés 66 Date d'inscription mercredi 2 juillet 2008 Statut Membre Dernière intervention 29 novembre 2014 7
10 févr. 2009 à 11:37
Yes ca roule!

Merci beaucoup!
0