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

3 participants

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

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

Niko
****

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

https://www.fmcodes.net
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 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

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

Niko
****

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

https://www.fmcodes.net
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 Sam 10 Mar 2012 - 15:43

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

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 Dim 11 Mar 2012 - 9:25

Up? :3
Stanislava

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é Dim 11 Mar 2012 - 9:26

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

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

Niko
****

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

https://www.fmcodes.net
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 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

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

Scoubifitz
Membre actif

Masculin
Messages : 3687
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 Dim 11 Mar 2012 - 17:56

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

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

- Sujets similaires

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