Changement image javascript
Résolu
le coin-coin
Messages postés
65
Date d'inscription
Statut
Membre
Dernière intervention
-
le coin-coin Messages postés 65 Date d'inscription Statut Membre Dernière intervention -
le coin-coin Messages postés 65 Date d'inscription Statut Membre Dernière intervention -
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
- Légende image word - Guide
- Changement d'heure - Guide
- Image iso - Guide
- Reduire taille image - Guide
- Changement d'écriture facebook - 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.
