Image qui change au survol de la souris

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

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

    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

  • #2
    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)
    Solidaire avec les dinosaures

    Commentaire


    • #3
      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
      Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
      http://www.template-creator.com Outil de création de templates
      Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

      Commentaire

      Annonce

      Réduire
      Aucune annonce pour le moment.

      Partenaire de l'association

      Réduire

      Hébergeur Web PlanetHoster
      Travaille ...
      X