[Problème] Image qui change au survol de la souris

[Brieux]

Bonjour,

Je ne sais pas si je poste ça dans la bonne section (ne me lapidez pas ! &#128513

Je souhaiterais insèrerez, dans un article, un "menu" fait d'images.
Ce que je souhaiterais, pour que les gens comprennent bien que les images sont "cliquables", c'est que lorsque la souris survole l'image/lien, une autre image apparaisse en lieu et place de la première.

Je sais que c'est possible mais je ne connais pas le script à utiliser pour faire ça...

Quelqu'un saurait-il me dire comment faire ? Est-ce possible à faire sans installer de module ou autres extensions ?


Merci d'avance !


Brieux

[messinmaisoui]

Re : Image qui change au survol de la souris

Bonjour Brieux,

On peut utiliser le css pour ça

ex: http://www.corelangs.com/css/box/hover.html
=>Voir la partie "CSS hover image swap - onmouseover Event"

Maintenant pour la syntaxe exacte, il faudrait un lien vers le site pour adapter le code (css) et le placer dans le bon fichier, car dans Joomla, il y a plusieurs fichiers css et en général, un à créer ou déjà créé, qui sert justement à y mettre des instructions (css) pour personnaliser un template (et garder ces modifications même en cas de nouvelle version ou maj du template)

[ced1870]

Re : Image qui change au survol de la souris

Salut
tu peux utiliser une méthode très simple qui date de la nuit des temps
un mouseover et un mouseout directement sur la balise image pour changer l'attribut source en fonction de si l'image est survolée ou non. Exemple

<img width="128" height="128" onmouseover="this.src='image_survolee.jpg'" onmouseout="this.src='image_normale.jpg'" src="image_normale.jpg" alt="description de l'image ici">

CEd