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

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

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 ><

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

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?

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

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 !

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

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

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

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
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

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