Bonjour tout le monde,

Depuis pas mal de temps je recherche un code pour une présentation de contexte. J'ai fais ma première image et après je voudrais que dès qu'on passe la souris elle change pour une autre image

J'espère que vous pourrez m'aider

Personne pour m'aider :'( ?

Bonjour ^^

Il y a plusieurs méthode possible =)

Ou se trouve cette image ? Sur ta Page d'accueil ou dans un message ?

Dans un message

Merci d'avance pour ton aide ^^

Alors nous allons passer par notre charmant CSS ♥

C'est tout simple en faite !
Il faut que tu ouvres une nouvelle class. Et tu vas dire à ton CSS, qu'en gros : "Y a cette image. Et dès qu'on le survole ( hover ), hop une autre image !


DOnc pour faire simple ( tu peux rajouter bordure, et tout ca, à ta guise ) :

Code:

.Nomdetaclass {
background-image : url(URL IMG) ;
background-repeat : no-repeat ;
width : XXpx ;  /*  largeur de ton image */
height : XXpx ;  /* hauteur de ton image */
}

.Nomdetaclass:hover {
background-image : url(URL IMG2) ;
}

Et techniquement, ensuite, tu as jsute à faire ceci dans ton message :

Code:

<div class="Nomdetaclass"></div>

****************


Mais il me semble que si tu mets juste :

Code:

.Nomdetaclass:hover {
background-image : url(URL IMG2) ;
}

&

Code:

<img src="URL IMG1" class="Nomdetaclass" />

Ca devrait marcher... faut essayer x')


Si y a des soucis, n'hésite pas hein x')

OMG Tu es une déesse du CSS

C'est exactement ce que je recherchais, merci encore

Si le problème est résolu merci de cocher l'icône "résolu" en éditant votre premier message.

Au passage, les UP's sont interdits

J'ai déjà mis l'icone résolu

& Désoler pour le up :$