Page 1 sur 1
Changer une image quand elle est survoler par la souris
Publié : 20 févr. 2011, 17:11
par rwanito
Comment changer une image quand elle est survoler par la souris ?
merci
Re: Changer une image quand elle est survoler par la souris
Publié : 20 févr. 2011, 19:18
par odin
Bonjour,
Un script en javascript fait cela...une petite recherche sur le net ...
Re: Changer une image quand elle est survoler par la souris
Publié : 20 févr. 2011, 19:33
par rwanito
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>
Re: Changer une image quand elle est survoler par la souris
Publié : 21 févr. 2011, 09:15
par chinon37
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
Re: Changer une image quand elle est survoler par la souris
Publié : 23 févr. 2011, 12:11
par rwanito
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.
Re: Changer une image quand elle est survoler par la souris
Publié : 23 févr. 2011, 14:12
par chinon37
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.
Re: Changer une image quand elle est survoler par la souris
Publié : 23 févr. 2011, 18:51
par Ymai
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.
Re: Changer une image quand elle est survoler par la souris
Publié : 24 févr. 2011, 07:26
par rwanito
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 !
Re: Changer une image quand elle est survoler par la souris
Publié : 24 févr. 2011, 07:46
par Ymai
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
Re: Changer une image quand elle est survoler par la souris
Publié : 24 févr. 2011, 19:06
par rwanito
Merci, enfaite j'étais pas loin....
Encore merci