Créer un compte
Connexion

Boutons de navigationGénérateur d'Emails Anti-Spam (Javascript)Compresseur de Code JavascriptSignatures pour forumsTextes stylés (Pseudo)Images perso pour forums (avatar)UserbarOmbres CSS3 (box-shadow)Tchat AjaxBalises meta tags
Vous êtes ici: Support du Web > Forum > Sites Web > (X)html/CSS/Javascript > onmouseover

onmouseover

Pour créer et répondre aux sujets, vous devez être connecté.
Pages: 1
Auteur Message
ulysse
07/04/2011 à 13:34:59
ulysse
Membre
 j'ai ce code pour afficher une émoticone du site


<tbody>
<tr>
<td align="center" valign="top"><a href="http://rencontres.tarot.free.fr/paris/inscription.html"><img style="border: 0px none ;" src="http://images.supportduweb.com/bouttons.php?frm=1&amp;btn_type=2&amp;txt=Inscription" onmouseover="this.src='http://images.supportduweb.com/bouttons.php?frm=2&btn_type=2&txt=Inscription'" onmouseout="this.src='http://images.supportduweb.com/bouttons.php?frm=1&btn_type=2&txt=Inscription';" alt="Inscription" align="top">
<script type="text/javascript">
img=new Image();
img.src= "http://images.supportduweb.com/bouttons.php?frm=2&amp;btn_type=2&amp;txt=Inscription";
</script><br>
<img src="http://rencontres.tarot.free.fr/paris/emoticones/inscription.gif" align="top" border="0" height="100" width="120"></a></td>
<td>
<script type="text/javascript">
img=new Image();
img.src= "http://images.supportduweb.com/bouttons.php?frm=2&amp;btn_type=2&amp;txt=Inscription";
</script></td>

comment peut-on introduire un ordre "onmouseover" pour changer l'émoticone lorsque la souris passe sur l'image ?

J'ai réussi à le faire quand je passe sur le nom mais pas sur l'image.
Lolo44
07/04/2011 à 17:27:35
Lolo44
Membre
 A mon avis :
<style>
#mon_img {
background:url('emo1.png')
}
#mon_img:hover {
background:url('emo2.png')
}</style>
:exit: Accéder au site web de ce membre
ulysse
11/04/2011 à 21:25:32
ulysse
Membre
 je n'ai pas compris, apparemment ça ne fonctionne pas sur ce code (sauf si je suis trop bête lol)
nikola
11/07/2011 à 19:10:13
nikola
Membre
 Lolo44 : est ce possible que tu dises ce qu'il faut changer ? Merci :)
LordN (ou Nikola)
Image

15 ans (bientôt), passionné de tout ce qui touche au monde de l'informatique et du graphisme, bon niveau en informatique (et en graphisme !)
Lolo44
11/07/2011 à 23:14:09
Lolo44
Membre
 Il suffit de remplacer #mon_img par l'id de ton image (ex: <img id="mon_img" ) et emo1.png par le nom de l'icone normale et emo2.png par le nom de l'icone lorsque la souris et dessus , n'oublie pas de placer le code entre les balises : <style> et </style> , comme tout code CSS
:exit: Accéder au site web de ce membre
nikola
12/07/2011 à 16:58:21
nikola
Membre
 Et ça marche que sur une image ?
LordN (ou Nikola)
Image

15 ans (bientôt), passionné de tout ce qui touche au monde de l'informatique et du graphisme, bon niveau en informatique (et en graphisme !)
ybouane
13/07/2011 à 06:01:27
ybouane
Admin
 Bonjour,
je ne suis pas sûr d'avoir compris le problème, mais tu peux faire comme ça:
<tbody>
<tr>
<td align="center" valign="top"><a href="http://rencontres.tarot.free.fr/paris/inscription.html"><img style="border: 0px none ;" src="http://images.supportduweb.com/bouttons.php?frm=1&amp;btn_type=2&amp;txt=Inscription" onmouseover="this.src='http://images.supportduweb.com/bouttons.php?frm=2&btn_type=2&txt=Inscription'" onmouseout="this.src='http://images.supportduweb.com/bouttons.php?frm=1&btn_type=2&txt=Inscription';" alt="Inscription" align="top">
<script type="text/javascript">
img=new Image();
img.src= "http://images.supportduweb.com/bouttons.php?frm=2&amp;btn_type=2&amp;txt=Inscription";
</script><br>
<img src="http://rencontres.tarot.free.fr/paris/emoticones/inscription.gif" onmouseover="this.src='http://rencontres.tarot.free.fr/paris/emoticones/inscription_2.gif'" onmouseout="this.src='http://rencontres.tarot.free.fr/paris/emoticones/inscription.gif';" align="top" border="0" height="100" width="120"></a></td>
<td>
<script type="text/javascript">
img=new Image();
img.src= "http://images.supportduweb.com/bouttons.php?frm=2&amp;btn_type=2&amp;txt=Inscription";
</script></td> Il faut modifier inscription_2.gif par l'adresse du deuxième émoticône.

Cordialement :)
Image
Pages: 1