Bonsoir !

Alors j'ai essayé de faire un titre assez explicite mais je vais mieux expliquer mon problème avec une image.



Donc voilà, j'ai caché le profil avec un des codes fournis sur le forum, j'ai modifié le texte du bouton mais j'aimerais en fait mettre une image (avec écrit la même chose, mais une image quoi) à la place du texte. Et lorsque je mets :

Code:

<img src="l'image">

à la place du texte dans le template, ça fait tout bugger.

Donc la question est tout d'abord : est-ce possible de le faire ?
Et si oui, comment ?

Merci d'avance

Alors, je pense que ce doit être possible de le faire, mais il faudrait bidouiller je suppose le code. Par exemple dans le texte tu met juste un "." et ensuite tu fait tout dans ton css avec

Code:

color:transparent;
background-image:url("TONIMAGE");

Voilà je sais pas si ca marche, mais tu peu essayer.

Ouais j'ai pensé à ça aussi, mais j'aimerais mieux avoir une solution "propre" on va dire :p
Là comme tu dis c'est un peu du bidouillage

Enfin je vais quand même voir comment ça rend, mais si vous avez une solution avec le code directement et pas le CSS ça m'arrangerait

Merci à toi !

Edit : Ah mais en fait dans le CSS on règle le style du bouton quand il est normal, et quand on a cliqué dessus, or moi j'ai deux images, donc je sais pas comment faire avec le CSS pour qu'il y ait deux class différentes et mettre deux background différents.

Coucou,

Je pense qu'avec ceci, ça devrait aller =D

Code:

<div onClick="this.firstChild.src=(this.lastChild.style.display=='none')?'URL IMG 2':'URL IMG 1';this.lastChild.style.display=(this.lastChild.style.display=='block')?'none':'block';"><img src="URL IMG 1" /><div style="display: none;">
CONTENU A MASQUER
</div></div>

Donc remplacer
URL IMG 1 par l'image de départ (quand le contenu est masqué)
URL IMG 2 par la seconde image (quand le contenu est affiché)
CONTENU A MASQUER se passe de commentaire (a)

Han c'est parfait ! J'ai bidouillé un peu pour avoir pile l'effet que je voulais et c'est impec !
Merci beaucouppp !

Je classe le sujet donc~