Sujet Précédent Sujet Suivant

Bouton-image qui change au clic de la souris

Résolu/Fermé
flo4020 Messages postés 44 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 1 novembre 2016 - 18 mai 2011 à 08:21
flo4020 Messages postés 44 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 1 novembre 2016 - 18 mai 2011 à 14:08
Bonjour,


J'aimerai savoir comment faire pour qu'un bouton (image personnalisée) se change en une autre image (plus sombre) au clic de la souris pour faire un effet de pression du bouton.

J'ai essayé d'intégrer onclic à mon code html mais ça ne marche pas...
Voici le code de mon image de menu : 

 <div class="element_menu">
       <h3><a href="Inscriptions.php"><img src="Inscriptionsbtn.png" alt="Inscrivez vous !" width="163" height="42" hspace="0" border="0" title="Inscriptions"
       onmouseover="this.src='Inscriptionseffetover.png';"onmouseout="this.src='Inscriptionsbtn.png';"
       onclick="this.src='Boutononclick.png'"
       /></a></h3>


J'ai regardé pas mal de recherches mais je n'arrive pas à trouver la solution. Faut il obligatoirement passer par du javascript?

D'avance merci

A voir également:

4 réponses

Réponse 1 / 4
wkl Messages postés 85 Date d'inscription vendredi 22 avril 2005 Statut Membre Dernière intervention 15 février 2018 28
18 mai 2011 à 08:30
Es-tu sûr que cela ne marche pas? (à première vue, le code est bon). Parce que si le fait de cliquer provoque le chargement d'une nouvelle page (en l'occurrence la page Inscriptions.php), le temps d'afficher le nouveau bouton, l'ancienne page est sans doute déjà partie !

Pour le vérifier, modifie comme suit: 
onclick="this.src='Boutononclick.png'; return false;"


Ce qui aura pour effet d'empêcher le lien de fonctionner...
0
Réponse 2 / 4
anthonice Messages postés 1314 Date d'inscription samedi 10 novembre 2007 Statut Membre Dernière intervention 30 octobre 2011 131
18 mai 2011 à 08:52
Un simple hover en css ne suffirai-t-il pas ?
0
anthonice Messages postés 1314 Date d'inscription samedi 10 novembre 2007 Statut Membre Dernière intervention 30 octobre 2011 131
18 mai 2011 à 08:59
http://css.mammouthland.net/rollover-pseudo-classe-css-hover.php
0
Réponse 3 / 4
flo4020 Messages postés 44 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 1 novembre 2016 1
18 mai 2011 à 08:53
Merci pour cette réponse rapide
Tu as raison c'est bien le rechargement de l'image qui fait que ça ne marche pas...
Mais du cou je m'aperçois que ce n'est pas au clic que l'image change mais au rélachement du clic...
Pas très esthétique...
Il y aurait une autre solution?
0
anthonice Messages postés 1314 Date d'inscription samedi 10 novembre 2007 Statut Membre Dernière intervention 30 octobre 2011 131
Modifié par anthonice le 18/05/2011 à 09:02
Mon hover ! :)

Pour ne pas généraliser sur tous les liens, je te conseil de faire un <span id='inscription'> TON lien, ton image, blabla </span>

Puis dans le fichier CSS,

#inscription:hover {
mmhh d'après mes souvenir ce serai un background-attachment avec donc le liens de ton image en plus foncé et hop
}
0
wkl Messages postés 85 Date d'inscription vendredi 22 avril 2005 Statut Membre Dernière intervention 15 février 2018 28
18 mai 2011 à 09:22
remplacer 
onclick

par 
onmousedown


;-)
0
Réponse 4 / 4
flo4020 Messages postés 44 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 1 novembre 2016 1
18 mai 2011 à 14:08
Merci beaucoup à vous pour c réponses!!

Pb résolu!!!
0

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

9 réponses
compte facebook piraté et adresse email changé
keseh -
Lapourax -

2 réponses
Ma souris double-clik toute seule :(
Memnoch leDemon -
my0473 -

21 réponses
Bouton ON OFF, O ou I ?
Stargirlfr -
kaparzo23 -

12 réponses
Comment changer le sens de la souris avec un double écran ?
Sviet531 -
Yt_mando -

51 réponses