Se connecter / S'enregistrer
Votre question

Survol d'une image

Tags :
  • Arrière plan
  • Programmation
Dernière réponse : dans Programmation
20 Mars 2010 19:21:45

Bonjour, j'ai utilisé ce code, trouvé sur un post plus ancien, afin de faire un bouton interactif mais le problème est que quand je mets deux boutons de cette nature sur une même page, le premier (qui marchait très bien) ne marche plus et le deuxième non plus. Que se passe-t-il ?

<img src="image1.png" name="image" onmouseover="image.src='image2.png'" onmouseout="image.src='image1.png'" onmousedown="image.src='image3.png'" />

image1 : normale
image2 : sulvolée
image3 : enfoncée

Autres pages sur : survol image

20 Mars 2010 19:46:54

Il faut utilisé le CSS:

  1. .bouton
  2. {
  3. background-image: url("ton_image1.jpg");
  4. }
  5. .bouton:hover
  6. {
  7. background-image: url("ton_image2.jpg");
  8. }
  9. .bouton:active
  10. {
  11. background-image: url("ton_image3.jpg");
  12. }


Si tu ne le connais pas encore clique ici

A+ :hello: 
m
0
l
20 Mars 2010 19:57:53

Merci c'est gentil ^^
Mais ... comment faire pour intégrer du CSS dans une page HTML ?
Merci d'avance a+
m
0
l
Contenus similaires
20 Mars 2010 22:48:06

Entre <head> et </head> ajoute une balise <style>

Pour le code de PetitTigre voici ce que cela donne ;-)

<head>
<style>
bouton
{
background-image: url("ton_image1.jpg" );
}
bouton:hover
{
background-image: url("ton_image2.jpg" );
}
bouton:active
{
background-image: url("ton_image3.jpg" );
}
</style>
</head>
m
0
l
21 Mars 2010 00:02:25

<style> n'est pas bon :

<style type="text/css"> est mieux.
m
0
l
29 Mars 2010 23:00:37

deux ou trois ou ... x boutons ou alors un mapping et hop le tour est joué :) 
m
0
l
1 Avril 2010 18:09:06

Merci à tous pour vos réponses ^^ J'ai réussis à atteindre le résultat désiré !
m
0
l
1 Avril 2010 18:36:18

Loona21 a dit :
Merci à tous pour vos réponses ^^ J'ai réussis à atteindre le résultat désiré !

on eut voir ?
:hello: 
m
0
l
2 Avril 2010 21:07:08

mon site n'est pas encore en ligne ^^ dans peu de temps j'ai presque fini ! encore merci
m
0
l
2 Avril 2010 22:08:29

Loona21 a dit :
mon site n'est pas encore en ligne ^^ dans peu de temps j'ai presque fini ! encore merci

ok @+ alors
:hello: 
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS