Changer une image quand elle est survoler par la souris

rwanito · Message par **rwanito** » 20 févr. 2011, 17:11

Comment changer une image quand elle est survoler par la souris ?

merci

odin · Message par **odin** » 20 févr. 2011, 19:18

Bonjour,

Un script en javascript fait cela...une petite recherche sur le net ...

rwanito · Message par **rwanito** » 20 févr. 2011, 19:33

Effectivement il y a beaucoup de choix !

Pour ce qui veulent aussi faire ça :

Code : Tout sélectionner

<style type="text/css"> 
#survol a {display:block;width:243px; 
height: 98px; 

background-image:url(http://ton image par défault); 
} 
#survol a:hover{display:block;width:243px; 
height: 98px; 

background-image:url(http://ton image qui remplacera l'image quand le curseur va survoler l'image); 
} 
img{ 
border:0; 
} 
</style> 

ET DANS LA PAGE !!!!

<body > 
<div id="survol"><a href="#"></a></div> 
</body>

Message par **chinon37** » 21 févr. 2011, 09:15

Odin, pourquoi vouloir faire en javascript ce qu'il est possible de faire aisément en css?
Oui, Rwanito, tu peux utiliser cette solution qui est très légère.
Mais pour moi, l'une des meilleures solutions est celle-ci

rwanito · Message par **rwanito** » 23 févr. 2011, 12:11

Oui, c'est vrai que le CSS est très utile mais je ne comprend rien du tout !
donc je vais me contenter sur le javascript.

Message par **chinon37** » 23 févr. 2011, 14:12

rwanito a écrit :Oui, c'est vrai que le CSS est très utile mais je ne comprend rien du tout !
donc je vais me contenter sur le javascript.

avec le risque de priver certains visiteurs de navigation, car il semble que 10% environ des internautes désactivent le javascript.

Message par **Ymai** » 23 févr. 2011, 18:51

chinon37 a écrit :
rwanito a écrit :Oui, c'est vrai que le CSS est très utile mais je ne comprend rien du tout !

CSS est bien plus simple à appréhender que la programmation Javascript. Il n'y a pas photo.

rwanito · Message par **rwanito** » 24 févr. 2011, 07:26

Oui, je me suis inscrit à plusieurs tutos environ 5 !
Mais il me disent que c'est mieux de codé à la main mais les autres avec un logiciel comme kompozer,
à la fin je ne comprend pas !
Si vous avez un tutoriel pour le CSS avec kompozer, je prend tout !

Message par **Ymai** » 24 févr. 2011, 07:46

rwanito a écrit :Mais il me disent que c'est mieux de codé à la main mais les autres avec un logiciel comme kompozer,
à la fin je ne comprend pas !

Il n'y a pas qu'une seule vérité. Chacun doit se faire son opinion en fonction de ses capacités et de ses souhaits.
Pour ma part, je dis que KompoZer est un excellent outil d'apprentissage qui permet de passer tout en douceur du Wysiwyg pur et dur au codage "a mano" avec travail "à façon".
Dans certains cas, on peut même en rester à KompoZer en mode Wysiwyg.

Pour apprendre ce qui se cache derrière CSS, il y a ceci: http://josar.free.fr/tutoKompozer/feuilleStyle1.html

rwanito · Message par **rwanito** » 24 févr. 2011, 19:06

Merci, enfaite j'étais pas loin....
Encore merci

Geckozone

Changer une image quand elle est survoler par la souris

Changer une image quand elle est survoler par la souris

Re: Changer une image quand elle est survoler par la souris

Re: Changer une image quand elle est survoler par la souris

Re: Changer une image quand elle est survoler par la souris

Re: Changer une image quand elle est survoler par la souris

Re: Changer une image quand elle est survoler par la souris

Re: Changer une image quand elle est survoler par la souris

Re: Changer une image quand elle est survoler par la souris

Re: Changer une image quand elle est survoler par la souris

Re: Changer une image quand elle est survoler par la souris

Qui est en ligne ?