Rechercher : dans
Par :

Changement d'image au passage de la souris

Dernière réponse le 25 jun 2009 à 23:09:07 willgie, le 18 fév 2007 à 09:01:46 
 Signaler ce message aux modérateurs

Bonjour,
Je voudrais savoir comment faire pour changer une image au passage de la souris.
Je m'explique...
Je veux faire des liens avec des photos (comme un menu) et je voudrais une autre photo au moment ou l'utilisateur passe la souris.

Est-ce que quelqu'un aurait une solution pour moi (ce que je ne doute pas)
Merci pour vos futures reponses qui, je l'espere, seront rapides!

W.

Configuration: Windows XP
Firefox 2.0.0.1

Meilleures réponses pour « changement d'image au passage de la souris » dans :
Comment changer mon mot de passe sous WLM/MSN VoirPour changer son mot de passe Windows Live Messenger, il suffit d'utiliser l'interface prévue à cet effet : http://memberservicesnet.passport.net/memberservice.srf?lc=1036 Si vous avez perdu votre mot de passe, merci de vous référer à...
VB6 : Changer l'image du bureau + écrire dans le régistre VoirIntroduction Comme dit dans le titre ces quelques lignes de code permettent de changer l'image du bureau et de l'inscrire dans le régistre. Initialisation du projet Ouvrir un nouveau projet Dans la forme coller les composants suivants... '1...
Thunderbird - Modifier le mot de passe d'un compte VoirModifier le mot de passe d'un compte Il arrive parfois de changer son mot de passe de boite mail ... mais Thunderbird ne prend pas en compte ces changements. IL faut réinitialiser non pas le compte mais seulement son mot de passe ! Ainsi au...
Télécharger Change Forgotten Password Lite VoirQuand on utilise plusieurs mots de passe différents pour chaque application que l’on utilise, notamment les comptes de messagerie, on vient à en oublier quelque un. Change Forgotten Password Lite est un comme son nom l’indique, est un...
Exécuter une macro VoirExécuter une macro Excel et Calc proposent plusieurs façons d’exécuter une macro : en la sélectionnant dans une liste, dans la boîte de dialogue Macro ; par un raccourci clavier ; en l’attachant à un bouton de la barre d’outils ; ...

1

pommard89, le 18 fév 2007 à 12:24:49

Faut utiliser un onmouseover....

Répondre à pommard89

2

txiki, le 18 fév 2007 à 12:47:27

Salut à tous,
Tu peux faire une CSS dans laquelle tu déclare ceci:

a { /* aspect du lien dans le site */
	img: mon_image; /* ce sera l'image de départ
	}
	
a:hover { /* image du lien survolé */
       img: ma-seconde_image; /* l'image au survol  du lien
	padding: 3px;
	}


ATTENTION ! il faut impérativement que les tailles des 2 images soient identiques !
Bon courage.

Le bonheur est la seule chose que l'on peut donner sans l'avoir.

Répondre à txiki

3

willgie, le 19 fév 2007 à 02:08:04

Houla!!!
Je ne m'y connais pas du tout en CSS... pourrais-tu me donner un peu plus de details?
Merci

Répondre à willgie

4

txiki, le 19 fév 2007 à 07:53:23
  • +2

Salut willgie,
Tu ne sais pas ce que tu perds. Tu te faciliterai grandement la vie avec les feuilles de styles (CSS pour cascading style sheet).
Exemple: Tu veux que ton titre soit centré, en rouge, taille h1 et en verdana.
Et bien, au lieu de d'écrire ça à chaque balise <h1> tu fait une feuille de style séparée, et toutes les balises <h1> de toutes tes pages auront cette valeur.
voici la syntaxe:

// ma feuille de styles
h1 { /* aspect des titres du site */
font-family: verdana, arial, sans serif;
text-align: center;
color: #FF0000;
}
Tu enregistre cetta page en mon-style.css et tu met quelque part dans ton site.
Ensuite, dans tes pages, avant </head>, tu écrit:
<link href="mon_dossier/mon_style.css" rel="stylesheet" type="text/css"  />

Ceci t'évitera de mettre les <font> et </font> pour tes textes à chaque fois.
Pour cela tu peux faire:
body { /* taille et police du texte dans mes pages */
font-family: verdana;
font-size: 1em; /* taille relative de la police */
color: #0000FF; /* couleur bleue */
}

Tout les textes contenu dans le corp de la page (body) aura tes spécifications.
Maintenant, si tu ne veux avoir une spécifité dans une page particulière, où un paragraphe, tu peux créer une "classe":
Elle se distinguent par le point (.) qui précéde:
.toto { /* ce paragraphe sera en vert */
text align: left; /* texte aligné à gauche par exemple */
color: #669966; /* je ne me souviens plus du code héxadécimal pour le vert */
}
Ensuite tu applique ce style au paragraphe comme ceci:
<p class="toto"> mon paragraphe </p>

Voilà !
J'espère que j'ai été assez clair.
un site d'explication des css: http://fr.selfhtml.org/navigation/css.htm#ecriture
mais celui-ci est peut plus clair: http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html#part_8

Le bonheur est la seule chose que l'on peut donner sans l'avoir.

Répondre à txiki

5

willgie, le 21 fév 2007 à 02:26:50

Merci beaucoup pour ton explication qui est tres clair...

Je te le promet, etudier le CSS est dans mes projets!
Et je vais m'y mettre des que j'ai un peu de temps car je sais que ca simplifie tout mais je ne m'y etait jamais attarde.

Mais j'ai trouver une solution a mon probleme en utilisant le onmouseover, onmouseout... dont j'ai trouve le code sur un autre site (je ne sais plus lequel!)

je vais quand meme, une fois mes stylesheet crees, essaye ta methode.

Merci encore
W.

Répondre à willgie

6

saluc42, le 26 mai 2008 à 22:34:59

Bonjour, je suis un débutant dans la création de site internet. Comme willgie, je voudrais que lorsque je passe la souris sur la photo (qui est un lien) celle-ci change. Je voudrais qu'elle passe d'une photo en niveau de gris à une photo en couleur (variation de l'opacité aussi en même temps). Si quelqu'un avait une solution en html si possible, cela me sauverait la vie. Je sais coder dans aucun langage même pas html. Merci.

Répondre à saluc42

7

Alex, le 19 aoû 2008 à 00:53:57

Salut Saluc42,

vas voir ici : http://www.infos-du-net.com/forum/97074-21-html-changer-imag­e-survol-souris

j'espere que cela poura t'aider

a+

Répondre à Alex

8

victor-1-9-9-4, le 6 fév 2009 à 22:56:11

Alors la c sur sa vas tous nous aider !

Répondre à victor-1-9-9-4

9

CARAOC, le 6 mar 2009 à 13:01:45

Bonjour
J'ai fait une image cliquable de tres grande taille [url]http://www.guildekameloth.com/MAP-ARCHLORD-TP-h11.htm/u­rl et j'aimerai savoir si je pouvait afficher une image au passage de la souris sur les rond.
pour l'instant je peux juste ouvrir une fenetre sur l'image en cliquant dans le rond mais en plus sa n'ouvre pas une nouvelle page se qui me gêne un peux,je suit pas tres fort dans se genre de truc donc si vous avez une solution sa m'arangerai merci.^^

Répondre à CARAOC

10

 floy, le 25 jun 2009 à 23:09:07

Utilise la balise target dans ton lien =)

<A HREF="tapage.htm" TARGET="_blank">tontexteoutonimage</A>


voili voilou

Répondre à floy
Collection CommentÇaMarche.net