Remplacer une image en cliquant dessus
Kossetsu
-
Kossetsu -
Kossetsu -
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 !
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 !
1 réponse
-
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
