Images qui réagissent au passage du curseur

[Genk01]

Bonjour à tous,

Je voudrais un peu d'aide...

J'ai regardé ce forum: http://makelove.forumactif.com/forum.htm

J'ai remarqué les images qui réagissent lorsqu'on passe le curseur dans l'encadré en-dessous de la pub.

Je voudrais savoir quels codes utiliser pour faire ce genre de chose..

Merci d'avance !

Genk01

[Izumi375]

Bonsoir,
Je crois qu'il s'agit d'un code comme comme celui ci:

Code:

<img src="http://img1.jpg" onMouseOver="this.src='http://img1.jpg'" onMouseOut="this.src='http://img2.jpg'"/>

[Genk01]

Bonsoir,
Je crois qu'il s'agit d'un code comme comme celui ci:

Code:

<img src="http://gif1.gif" onMouseOver="this.src='http://img1.jpg'" onMouseOut="this.src='http://img2.jpg'"/>

Merci, et quel lien dois-je remplacer par le lien de mon image?

[Izumi375]

oups je me suis trompée (j'édite).
Donc onmouseover (quand le curseur est dessus) tu mets l'image qui change quand ton curseur passe. et les deux autres c'est les même (celles quand le curseur n'est pas dessus).

[Genk01]

Ok, merci beaucoup !

Je vais essayer et puis je viens confirmer si j'y arrive.

Encore merci !

[Genk01]

Voici le résultat: http://sex-fun-money.keuf.net/forum.htm
C'est la première image de l'encadré...

Ca marche a moitié en faite, car je n'ai su mettre que deux images et je ne sais pas revenir sur l'image précédente...

[Izumi375]

Tu peux me montrer ton code?

[Genk01]

Code:

<center><img src="http://nsm03.casimages.com/img/2010/06/19/100619114925760146259757.png" onMouseOver="this.src='http://nsm03.casimages.com/img/2010/06/19/100619114959760146259759.png'" onMouseOut="http://nsm03.casimages.com/img/2010/06/19/100619114925760146259757.png'"/></center>

Voilà.

[Izumi375]

Utilise ceci:

Code:

<img src="http://nsm03.casimages.com/img/2010/06/19/100619114925760146259757.png" onmouseover="this.src = 'http://nsm03.casimages.com/img/2010/06/19/100619114959760146259759.png';" onmouseout="this.src = 'http://nsm03.casimages.com/img/2010/06/19/100619114925760146259757.png';" border="0">

[Genk01]

Super !

Y-a-t-il moyen maintenant de mettre cette image en plus?

https://nsm03.casimages.com/img/2010/06/19/100619114910760146259756.png

[Izumi375]

Tu veux dire comme sur le forum en exemple où lorsque tu passes la souris sur le côté une troisième image apparaît?
Si c'est le cas j'en ai aucune idée désolée :S.

[Genk01]

Ce n'est rien, ça ira comme ça, tu m'as déjà fameusement aidé et je t'en suis reconnaissant.

Par contre y aurait il moyen de, en plus, mettre un lien sur l'image (la deuxième ou il est inscrit "SMF News") ?

[Izumi375]

Ouf ça n'a pas été facile et j'ai mis du temps à trouver, je suis tombée sur des trucs super bizarres avec deux images l'une faisant changer l'autre quand on survolait la première mais j'ai trouvé!

Code:

<a href="Lien" onmouseover="nomimage1.src='http://nsm03.casimages.com/img/2010/06/19/100619114959760146259759.png'" onmouseout="nomimage1.src='http://nsm03.casimages.com/img/2010/06/19/100619114925760146259757.png'"><img src="http://nsm03.casimages.com/img/2010/06/19/100619114925760146259757.png" name="nomimage1"></a>

[Genk01]

Génial, merci beaucoup !!

Il y a juste un "<" qui dépasse sur la gauche, comment puis je le faire disparaître ?

[Izumi375]

Edité! Un simple intrus dans mon code ^^.

[Genk01]

Voilà, c'est parfait !! Un tout grand merci pour ton aide !

Je t'aurais bien posé une question en plus mais ça risque de te prendre un temps fou donc je m'abstiendrai... ^^

[Izumi375]

n'hésite surtout pas! Si ce n'est pas moi une autre personne le fera!
Mais n'oublions pas une question un sujet!

[Genk01]

Oui je vais donc recréer un sujet...

Et pour finir sur un beau mot: Merci !

[Genk01]

J'ai un nouveau problème! lol

J'ai essayé d'en mettre un deuxième et voilà ce que ça donne:

http://sex-fun-money.keuf.net/forum.htm

[Izumi375]

C'est normal on utilise deux fois le même truc (enfin je crois que c'est ça). Pour le deuxième remplace les :

Code:

nomimage1

Par:

Code:

nomimage2

[Genk01]

Voilà ! Encore merci !

Résolu.