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' }); } );
Laisser un commentaire
Participez-vous à la discussion?N'hésitez pas à contribuer!