Flux rss
Collection CommentCaMarche.net
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

[css?/js?]Image au survol de souris

IgiXcs, le mardi 12 février 2008 à 22:24:37
Bonjour,

je viens de réaliser un design, et je souhaiterais faire changer mon image au survol de la souris, mais je n'y arrive point!
je ne sais pas si je doit m'orienter vers du css ou du JS!
donc voilà
Merci


[voici mon code actuel :p]
<img style="width: 182px; height: 47px;" src="images/images/acc_2.png">
<img style="width: 182px; height: 47px;" src="images/images/team_2.png">
<img style="width: 198px; height: 47px;" src="images/images/result_2.png">
<img style="width: 192px; height: 47px;" src="images/images/contact_2.png">
<img style="width: 232px; height: 47px;" src="images/images/sponsors_2.png">
IgiX :
Avec xp, on était prêt du gouffre, mais avec vista, on a fait un grand pas en avant ;)
Configuration: Windows XP
Firefox 2.0.0.12
Répondre à IgiXcs  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Thamior, le mardi 12 février 2008 à 22:36:41
Bonjour,

Je te conseillerai de regarder avec le JavaScript sur les événements onMouseOver et onMouseout.

Je ne pense pas que cela soit possible en CSS.

Thamior.
   
Répondre à Thamior

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Koktail, le mardi 12 février 2008 à 22:40:42
Juste un petit commentaire dans ta feuille CSS, si tu utilises :hover, ça va peut être marcher. Enfin, j'en suis pas sûr du tout. Sinon le JavaScript semble être le plus approprié. Va faire un tour sur alsacréations.
   
Répondre à Koktail

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le mercredi 13 février 2008 à 15:40:44
Bonjour,

Pour une chose assez simple en fait, les CSS peuvent suffire.

Il est quand même plus facile de le faire sur des images placées en arrière-plan d'un élément HTML.
Ensuite, au survol par la souris, on affiche une autre image ou, mieux, une autre partie de la même image.

IE6 n'accepte de faire fonctionner le “:hover” que sur des liens.

Tu peux en voir un exemple dans ce menu.

On peux aussi choisir Javascript.
Des exemples de rollover.

 --
   
Répondre à Gihef

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 feez, le mercredi 4 juin 2008 à 16:17:53
   
Répondre à feez
Posez votre question Répondre

Résultats pour [css?/js?]Image au survol de souris

Css et image (Résolu) bonjour Je fais un site en xhtml et css et j'aimerai savoir s'il ai possible de faire une image clikable (ca oui c'est possible) mais de faire que grace au css quand on survol l'image c'est une autre image qui apparait???... www.commentcamarche.net/forum/affich-1830053-css-et-image
Ascenseur personnalisé en css & javascript (Résolu) Comment faire un ascenseur personnalisé en CSS & javascript. Je m'explique, j'ai une div inclue dans une autre div (de taille fixe) dont j'ai volontairement limitée la taille, et j'ai deux flèches qui appele une fonction javascript... www.commentcamarche.net/forum/affich-2665622-ascenseur-personnalise-en-css-javascript
Images/lien/hover/css (Résolu) Bonjour, comment fonctionne le principe en css des images qui servent de lien et qui sont doubles. je m'explique : xxxxxxxxxxxxxxx x image haut x xxxxxxxxxxxxxxx x image bas x xxxxxxxxxxxxxxx par défaut, on voit image haut. lorsque l'on... www.commentcamarche.net/forum/affich-4142572-images-lien-hover-css

Résultats pour [css?/js?]Image au survol de souris

Que peut faire le web pour vous ?Le "web", ce sont les pages HTML affichées dans votre navigateur. Elles ont évolué techniquement (hmtl, css, javascript, ajax, Flash, Java...) au point de devenir des outils à part entière. Que peut donc faire le web pour vous ? Voici une... www.commentcamarche.net/faq/sujet-5185-que-peut-faire-le-web-pour-vous
Javascript - Modifier la hauteur (height) d'un élément HTMLPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il... www.commentcamarche.net/faq/sujet-11740-javascript-modifier-la-hauteur-height-d-un-element-html
Javascript - Connaître la hauteur d'un élément HTMLSi vous souhaitez connaître la hauteur (height) d'un bloc HTML en javascript, il existe deux façons selon les navigateurs : element.offsetHeight element.style.pixelHeight Ainsi, le code suivant permet d'obtenir la hauteur d'un bloc HTML... www.commentcamarche.net/faq/sujet-11739-javascript-connaitre-la-hauteur-d-un-element-html
1 2 3 Suivant

Résultats pour [css?/js?]Image au survol de souris

Comment mettre un fond de page sur une CSS ? (Résolu)Bonjour, je suis en train de realiser un site et j ai defini une image de fond ma css. background-image:url() La manipulation marche qd j execute ma page ac firefox en local mais des je vais la visualiser en ligne, il n'y a pas l'image de... www.commentcamarche.net/forum/affich-3977287-comment-mettre-un-fond-de-page-sur-une-css
[dreamweaver] erreur javascript image survolé (Résolu)Bonjour, Je rencontre 3 problèmes pour finaliser ma page d'accueil sur Dreamweaver cs. - En voulant créer un image cliquable, voici le message d'erreur que je recois au moment de vouloir écrire le lien que je désire voir s'ouvrir une... www.commentcamarche.net/forum/affich-5109693-dreamweaver-erreur-javascript-image-survole
Mes images ne s'affichent pas !!! (Résolu)SLT a tous!!! Voila mon probleme je suis occupée à créer un site. Je fait mes pages dans photoshop. Ensuite dans dreamweaver je me sers de la fonction insérer une image survolée. j enregistre et je visualise le tout chez moi. les images sont bien en... www.commentcamarche.net/forum/affich-7067143-mes-images-ne-s-affichent-pas
1 2 3 Suivant

Résultats pour [css?/js?]Image au survol de souris

Télécharger PSPadPSPad est un excellent éditeur de texte. Il est utile pour travailler sur du simple texte, mais aussi sur du HTML, CSS, Javascript, php ou autres langages de programmation (C++, Java, Python...). Les fonctionnalités sont impressionnantes: ... www.commentcamarche.net/telecharger/telecharger-133-pspad
Télécharger Notepad2Notepad2 est un bloc-note sans installation libre possédant des fonctionnalités avancées de coloration syntaxique. Fonctionnalités Coloration syntaxique pour les langages suivants : HTML, XML, PHP, ASP (JScript, VBS), CSS, JavaScript, VBScript,... www.commentcamarche.net/telecharger/telecharger-34055332-notepad2
1 2 3 Suivant

Résultats pour [css?/js?]Image au survol de souris

L'AJAX pour tous par GooglePour ceux qui auraient la tête dans le sable depuis plusieurs mois, AJAX est la technologie à la mode. Ce n'est rien de plus qu'une combinaison de technologies existantes depuis plusieurs années (HTML+CSS+Javascript+DOM+XmlHttpRequest), mais elle... www.commentcamarche.net/actualites/l-ajax-pour-tous-par-google-2237409-actualite.php3
1 2 3 Suivant

Résultats pour [css?/js?]Image au survol de souris

Positionner des éléments grâce aux CSSIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse... www.commentcamarche.net/contents/css/cssposition.php3
Les feuilles de stylePropriétés de polices Propriété Valeur Description font-family Police précise (Arial, Times, Verdana) Famille (serif, sans-serif, fantasy, monospace, cursive) Définit un ou plusieurs nom de polices ou de familles de... www.commentcamarche.net/contents/css/cssproperty.php3
1 2 3 Suivant