survolez cette image

JQuery permet grâce à la propriété attr, de modifier les attributs d’un éléments sur un événement donné.

Il est possible par exemple de changer en Jquery l’image affectée à l’élément <img /> en modifiant son attribut « src « .

Ici on affecte l’image monimage.jpg à l’élément img d’identifiant #mon_image :

$("#mon_image").attr('src','monimage.jpg');  

Exemple de modification d’une image au survol de la souris (événement hover) 

Code HTML :

<img id="mon_image" src="monimage2.jpg" alt="survolez cette image "/>

Code JQuery :

$("#mon_image").hover(
   function () {
     $(this).attr('src','monimage1.jpg');  
   },
   function () {
      $(this).attr('src','monimage2.jpg');  
   }
); 

Exemple :

0 réponses

Laisser un commentaire

Participez-vous à la discussion?
N'hésitez pas à contribuer!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.