Quel est le code pour changer l'image au passage de la souris mais dans un post?

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Quel est le code pour changer l'image au passage de la souris mais dans un post?

Message par Stanislava le Sam 10 Mar 2012 - 14:59

Bonjour/Bonsoir tout le monde!

Je cherche actuellement les codes pour changer d''image au passage de la souris sur une autre image mais dans un post! J'utilise celui-ci:

Code:
<img src="http://img11.hostingpics.net/pics/263658eleve.jpg" onmouseover=this.src="http://img11.hostingpics.net/pics/763980eleve2.jpg" onmouseout=this.src="http://img11.hostingpics.net/pics/263658eleve.jpg">

Merci d'avance pour votre aide! o/


Dernière édition par Stanislava le Dim 11 Mar 2012 - 17:59, édité 1 fois
avatar

Stanislava
Nouveau membre

Messages : 28
Inscrit(e) le : 09/03/2012

http://sweetsdreams.forumgratuit.org
Stanislava a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Quel est le code pour changer l'image au passage de la souris mais dans un post?

Message par Niko le Sam 10 Mar 2012 - 15:28

Salut

Tout dépend de ce que vous obtenez lorsque l'image avec la souris...
vous que feriez-vous ? Sourire2
avatar

Niko
****

Masculin
Messages : 211
Inscrit(e) le : 11/01/2012

https://www.translationscloud.com
Niko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Quel est le code pour changer l'image au passage de la souris mais dans un post?

Message par Stanislava le Sam 10 Mar 2012 - 15:35

Ben je veux juste que lorsque je passe ma souris sur une image, qu'une autre image apparaisse. Le code que j'ai mis plus haut fonctionne lorsque je l'ai mis sur ma Page d'accueil mais pour un message, cela ne fonctionne pas ><
avatar

Stanislava
Nouveau membre

Messages : 28
Inscrit(e) le : 09/03/2012

http://sweetsdreams.forumgratuit.org
Stanislava a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Quel est le code pour changer l'image au passage de la souris mais dans un post?

Message par Niko le Sam 10 Mar 2012 - 15:39

Vous pouvez le faire avec un type de code CSS :
Code:
.image {
background: LINK A;
background-position: center;
}

.image:hover {
background: LINK B;
background-position: center;
}

et puis j'ai utilisé l'image avec ce code, sans modifier le code html
Code:
<div class="image"></div>

Cela devrait fonctionner... Mouais
avatar

Niko
****

Masculin
Messages : 211
Inscrit(e) le : 11/01/2012

https://www.translationscloud.com
Niko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Quel est le code pour changer l'image au passage de la souris mais dans un post?

Message par Stanislava le Sam 10 Mar 2012 - 15:43

Le deuxième code, je dois le mettre dans le message?
avatar

Stanislava
Nouveau membre

Messages : 28
Inscrit(e) le : 09/03/2012

http://sweetsdreams.forumgratuit.org
Stanislava a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Quel est le code pour changer l'image au passage de la souris mais dans un post?

Message par Stanislava le Dim 11 Mar 2012 - 9:25

Up? :3
avatar

Stanislava
Nouveau membre

Messages : 28
Inscrit(e) le : 09/03/2012

http://sweetsdreams.forumgratuit.org
Stanislava a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Quel est le code pour changer l'image au passage de la souris mais dans un post?

Message par Invité le Dim 11 Mar 2012 - 9:26

Coucou le deuxième code tu le met la ou tu veux que ton image apparais Wink !
avatar

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Quel est le code pour changer l'image au passage de la souris mais dans un post?

Message par Niko le Dim 11 Mar 2012 - 13:39

Stanislava a écrit:Le deuxième code, je dois le mettre dans le message?

Voilà:
Webmestre_pro a écrit:Coucou le deuxième code tu le met la ou tu veux que ton image apparais Wink !

PS. la prochaine fois Attendez 24 heures selon le règlement Sourire2
avatar

Niko
****

Masculin
Messages : 211
Inscrit(e) le : 11/01/2012

https://www.translationscloud.com
Niko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Quel est le code pour changer l'image au passage de la souris mais dans un post?

Message par Stanislava le Dim 11 Mar 2012 - 16:57

Han d'accord, jvais tester o/

P.S: Pardon, jsuis impatiente >.< Je ferais attention la prochaine fois, promis :3
avatar

Stanislava
Nouveau membre

Messages : 28
Inscrit(e) le : 09/03/2012

http://sweetsdreams.forumgratuit.org
Stanislava a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Quel est le code pour changer l'image au passage de la souris mais dans un post?

Message par Scoubifitz le Dim 11 Mar 2012 - 17:53

bonjour,

à mettre directement dans le message :
Code:
<style>#image1 { background:url('http://img11.hostingpics.net/pics/263658eleve.jpg');width:100px;height:100px; } #image1:hover {background:url('http://img11.hostingpics.net/pics/763980eleve2.jpg'); }</style> <div id="image1"></div>
<style>#image1 { background:url('lien de l'image');width:100px;height:100px; } #image1:hover {background:url('lien de l'image apparue au survol'); }</style> <div id="image1"></div>

en rouge : ce nom change à chaque nouvel effet (identifiant unique)

en vert : les images à mettre (de même taille)

en orange : la taille de l'image (largeur et hauteur)

Hi
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3535
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Quel est le code pour changer l'image au passage de la souris mais dans un post?

Message par Stanislava le Dim 11 Mar 2012 - 17:56

Oooh, ça marche o/ Merci à vous tous! Merci pour votre aide :3
avatar

Stanislava
Nouveau membre

Messages : 28
Inscrit(e) le : 09/03/2012

http://sweetsdreams.forumgratuit.org
Stanislava a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum