Changement image javascript
Résolu
le coin-coin
Messages postés
75
Statut
Membre
-
le coin-coin Messages postés 75 Statut Membre -
le coin-coin Messages postés 75 Statut Membre -
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!
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:
- Changement image javascript
- Changement dns - Guide
- Image iso - Guide
- Changement d'heure - Guide
- Changement d'écriture facebook - Guide
- Légender une image - Guide
3 réponses
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
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
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 ? */
}
Code :
<img src="monImage1" />
<img src="monImage2" onMouseOver='Changer_Image()' />
Quels parametre pour la fonction ChangerImage() ?
function Changer_Image()
{
/* Quoi ici ? */
}
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.
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.