28173 sujets

CSS et mise en forme, CSS3

Chargement image après rollover + clic

Bonsoir,

J'ai utilisé une méthode en CSS pour reproduire l'effet de rollover sur un bouton de menu et j'aimerai que une fois qu'on clique sur ce bouton, il reste à l'état de survol.

Pour le rollover, tout marche bien, par contre qd on clique sur mon bouton, l'image avec l'état actif s'affiche bien, mais il y a un temps de chargement qui n'est pas esthetique du tout. J'ai lu des tuto a propos du préchargement des images ds le navigateur alors j'ai mit l'image en dur dans le code html mais le souci reste le même.

(X)HTML :
a écrit :
<li class="agence-on"><img src="images/bt-agence-on.gif" alt="Rubrique agence" width="30" height="300" /></li>


CSS :
a écrit :
li.agence-on{background: url(../images/bt-agence-on.gif) no-repeat 0 0;width : 30px ; height : 300px ; margin : 0 0 0 1px ;display : block;}


Merci d'avance

Info complémentaire : mon image de bouton contient 2 état, le A lorsque l'utilisateur ne fait rien, et le B lorsque l'utilisateur passe la souris dessus. C'est l'état B que je veux garder lors du clique sur le bouton (afin de signaler a l'internaute dans quel rubrique il se trouve) mais je ne parviens pas à supprimé ce tps de chargement lors du clic sur le bouton (et donc de l'affichage de l'image).
Merci pour ta réponse, je vais mieux expliquer mon problème j'ai pas du être clair desolé.

C'est effectivement ce systeme de rollover que j'ai utilisé, mais tu voit (si on prend l'exemple de ton tuto) lorsque l'on survol le bouton une rose apparait. J'aimerai qu'une fois que l'on clique sur le bouton, la rose reste. Ce qui indiquerai à l'utilisateur dans quelle rubrique il se trouve.

Mon systeme de rollover marche parfaitement (j'ai utilisé la méthode dite dans le tuto que tu m a envoyé) mais j'ai un souci lorsque l'on clique sur le bouton, il y a un delais de qqseconde au chargement de la 2eme image.
Sujet clos
Aller à