Voici une fonction JQuery qui donne un effet sympathique sur le survol d’une image, dans cet exemple, lorsque celle çi est associée à un lien .
L’image est rendu légèrement transparente au survol de la souris.
Alternative plus classe à l’ajout de bordure à l’image sur le hover !

Code HTML :

<a href="#">
  <img src="img/image2.jpg" alt ="effet sur survol de l'image'/>
</a>

Code JQuery : Evénement sur le survol de toutes les  images associées à un lien

$('a img').hover(
   function(){ $(this).animate({ opacity : '.75' }); },
   function(){ $(this).animate({ opacity : '1' }); }
  );
effet sur survol de l'image
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.