c'est fou le nombre de sites "pro" ou de grands comptes (y compris les banques) pour lesquels j'ai des erreurs en chaîne qui m'empêchent parfois d'utiliser le site.
C'est parce qu'elles méritent un triple Z
]]>Sur mes navigateurs je suis toujours en mode débogage actif, et c'est fou le nombre de sites "pro" ou de grands comptes (y compris les banques) pour lesquels j'ai des erreurs en chaîne qui m'empêchent parfois d'utiliser le site.
++
]]>J'avoue ne pas être fan du js pour la manipulation des images (voir même du js en général, mais parce qu'il a été si souvent mal utilisé). Donc tout ce que je peux faire en css, je le fais en css. Surtout que le js inactif sur les navigateurs, c'est plus courant que ce qu'on croit (j'ai déjà eut des IE qui d'un seul coup ne voulait plus interpréter le moindre js ) .Par contre j'avoue que le mélange js + css permet des trucs sympa.
@+
]]>Merci Manicow, un oubli de ma part. Je n'utilise hover que pour les liens en fait, ce qui fait que je l'ai zappé complètement pour une approche de programmation générale.
Tu avoueras quand même que les inconvénients côté image ne sont pas à négliger, car le plus propre serait de passer par un preload en js ou alors par css.
++
]]>Bonjour,
Sans Javascript ou vbscript tu ne peux pas. En effet le passage de la souris sur une image sans autre interaction de l'utilisateur relève du pur évènementiel et donc n'est pas du ressort de HTML / CSS. Par contre CSS peut modifier l'affichage si tu à modifié l'état d'un objet du dom (click sur un lien, changement de focus, etc...) mais qu'après pas pendant.
++
Alors là, je ne suis absolument pas d'accord ! Je t'invite a refouiller dans les coins du css !
C'est en fait tout simple, il suffit d'utiliser le selecter :hover , qui est fait pour ça, qui fonctionne très bien pour les liens, souvent pour les images, et parfois pour les éléments de tableaux (en fait pour les tableaux ca dépend de la version de IE que l'on autorise sur le site ).
Exemple :
#monimage:hover {
background: url(/images/mon_image_survol.png) top left no-repeat;
}
Après il existe également des ruses pour éviter le lag de l'effet lors de son premier usage (le temps que la navigateur récupère l'image), ainsi qu'optimiser le temps de chargement initial de la page, a condition qu'on ait au moins une dimension fixe (hauter ou largeur, dans mon exemple cela sera la hauteur, qui sera de 10px)
Exemple 2
#monimage:hover {
background: url(/images/mon_image_double.png) 0 10px no-repeat;
}
Il suffit alors que mon_image_double.png soit une image contenant les deux images l'une au dessus de l'autre.
Hum, pas sur que ca soit bien clair tout cela, mais on trouve ce genre de chose expliquées assez facilement : http://www.zonecss.fr/style_css/feuille_css_hover.html
@+
]]>++
]]>