Sujet Précédent Sujet Suivant

Onmouseout / onmouseover

Résolu/Fermé
Evan555 Messages postés 112 Date d'inscription dimanche 14 novembre 2010 Statut Membre Dernière intervention 26 juin 2011 - 9 mars 2011 à 10:26
Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 - 9 mars 2011 à 18:42
Bonjour,
Je créer un site actuellement et j'aimerais pouvoir faire en sorte de changer la bannière du site lorsqu'on passe la sourie dessus.

Le site en question: http://macdoteam.free.fr/

Je me suis renseigner ici pour les fonctions JS : https://forums.commentcamarche.net/forum/affich-37622096-javascript-les-evenements

Ainsi que sur le site du zéro mais je n'arrive toujours pas à appliquer la fonction....

(Free, wordpress 3.0.1)


Merci d'avance.


2 réponses

Réponse 1 / 2
Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
9 mars 2011 à 16:31
Salut essai ce code: 

<a href="#"><img src="images/image1.jpg" alt="logo" onmouseover="this.src='images/image2.jpg';" onmouseout="this.src='images/image1.jpg';"/></a>
2
Evan555 Messages postés 112 Date d'inscription dimanche 14 novembre 2010 Statut Membre Dernière intervention 26 juin 2011 16
9 mars 2011 à 17:44
ok je vais tester...
0
Evan555 Messages postés 112 Date d'inscription dimanche 14 novembre 2010 Statut Membre Dernière intervention 26 juin 2011 16
9 mars 2011 à 17:48
Le seul prolème c'est que je voudrait appliquer ce code sur la bannière de mon sit mais il n'y à pas de lien vers le fichier de ma bannière dans header.php.
0
Evan555 Messages postés 112 Date d'inscription dimanche 14 novembre 2010 Statut Membre Dernière intervention 26 juin 2011 16
9 mars 2011 à 17:49
Le lien se trouve lien ce trouve dans le css sous cette forme

#header{
width:100%;
height:159px;
background:url(images/bgr_header.png) no-repeat;
}
0
Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
9 mars 2011 à 18:27
Essaye avec du css: 

#header{
width:100%;
height:159px;
background:url(images/image1.png) no-repeat;
}

#header:hover{
width:100%;
height:159px;
background:url(images/image2.png) no-repeat;
}
0
Evan555 Messages postés 112 Date d'inscription dimanche 14 novembre 2010 Statut Membre Dernière intervention 26 juin 2011 16
9 mars 2011 à 18:34
Merci beaucoup :)

si tu veut voir le résultat sur la bannière :http://macdoteam.free.fr/
0
Réponse 2 / 2
max
9 mars 2011 à 12:08
essai de voir certain template jquery
-2
Evan555 Messages postés 112 Date d'inscription dimanche 14 novembre 2010 Statut Membre Dernière intervention 26 juin 2011 16
9 mars 2011 à 12:22
ok je vais voir..
0
Evan555 Messages postés 112 Date d'inscription dimanche 14 novembre 2010 Statut Membre Dernière intervention 26 juin 2011 16
9 mars 2011 à 14:20
J'ai pas trouver de plug-in wordpress pour les mouseover/out !
0