Changement image javascript
Résolu
le coin-coin
Messages postés
66
Date d'inscription
Statut
Membre
Dernière intervention
-
le coin-coin Messages postés 66 Date d'inscription Statut Membre Dernière intervention -
le coin-coin Messages postés 66 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Changement image javascript
- Changement dns - Guide
- Image iso - Guide
- Changement d'écriture facebook - Guide
- Acronis true image - Télécharger - Sauvegarde
- Changement d'heure - 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.