Remplacer une image en cliquant dessus

Fermé
Kossetsu - 10 janv. 2011 à 14:09
 Kossetsu - 10 janv. 2011 à 19:19
Bonjour,

Je suis débutante en code, et cherche actuellement de l'aide pour un projet à vocation artistique. Il s'agit ici de remplacer une image par une autre lorsqu'on clique sur la première image. Je m'explique:

Un carré noir est présent. Lorsque l'utilisateur cliquerai dessus, le carré noir deviendrai un carré rouge.

Rien de bien compliqué en somme, mais je n'arrive décidément pas à trouver un code qui fonctionne.. Voilà pourquoi je fait appel à vous.

Merci d'avance pour vos réponses, mais surtout n'oubliez pas que je suis réellement débutante : expliquez bien la marche à suivre, s'ilvousplait :)

Merci encore !
A voir également:

1 réponse

LaurentJ1 Messages postés 43 Date d'inscription vendredi 7 janvier 2011 Statut Membre Dernière intervention 30 janvier 2011 8
10 janv. 2011 à 19:17
Salut
Pour changer la couleur d'un "carré" par exemple.

<body>
<div class="carre" onclick="this.style.backgroundColor='#FF0000';">
</body>

CSS
.carre {
   width: 300px;
   height:300px;
   top:50px;
   left:50px;
   background-color:#000000;
  
}

J'ai créé un div avec comme arrière-plan la couleur noir. Le CSS définit les propriétés du carré.
Lors du click (onclick) le style de l'arrière-plan deviendra rouge (FF0000)
ciaooo
1
Merci beaucoup de ton aide, je vais essayer ça :) Effectivement je n'avais pas penser changer directement la couleur d'une zone.
0