Evenement Javascript

Coutcout86 Messages postés 195 Date d'inscription   Statut Membre Dernière intervention   -  
Coutcout86 Messages postés 195 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai un petit souci avec du Javascript et je ne sais pas comment faire. Voila j'ai deux élément (une image ainsi qu'un lien hypertexte) et j'aimerai que lorsque je clique sur mon lien l'image change. Alors voici mon javascript :

function flip ()
{
var element = document.getElementById('img_plancheorign');
element.className = (element.className == 'card') ? 'card flipped' : 'card';
}


et voici mon code HTML :

<div id="card" class="card">
<div id="front" class="front face">
<img src="planche_002.jpg"/>
</div>
<div id="back" class="back face">
<img src="planche_004.jpg"/>
</div>
</div>
<img id="img_plancheorign" src="eyes_icon.png" onclick="flip()"/>


Pouvez-vous m'aider c'est assez urgent ??
Merci de bien me répondre

A voir également:

2 réponses

vincebzh Messages postés 137 Date d'inscription   Statut Contributeur Dernière intervention   29
 
Salut. Je ne comprend pas trop ce que tu veux faire. Ton texte ne correspond pas du tout au code que tu donnes.
Tu dis que tu as un lien et une image, dans le code, je ne vois que trois images et aucun lien. Pourrais-tu être plus clair s'il te plait.
0
Coutcout86 Messages postés 195 Date d'inscription   Statut Membre Dernière intervention  
 
Merci pour ton intervention mais entre temps j'ai trouvé comment il fallait faire ! Enfait il fallait simplement placer un écouter (addEventListener) sur l'id de l'image 3 pour qu'ensuite la fonction javascript puisse s'exécuter sur les deux autre images.

Romain
0