Script de mutli-fade le plus simple

Question

Je cherche un script qui fonctionne comme sur Dribbble (qui apparaît lorsque vous passez la souris). Mais il doit être multi ... je veux dire utilisé pour de nombreuses images sur le site. Simple autant.

Merci!

Answer 1

En utilisant jQuery et l'événement de souris hover(), vous pouvez obtenir le comportement souhaité.

$("img").hover(function() { //select the image which is hovered 
    $(this).css("opacity","0.5"); //apply opacity for this image 

}, function() { 
    $(this).css("opacity","1"); //change to opacity to default 
}); 

Démo:http://jsfiddle.net/mVWdQ/

Pour selector, vous pouvez utiliser un class qui sera uniquement utilisé pour les images requises au lieu d'un element comme img. Un autre moyen consiste à utiliser animate().

$("img").hover(function() { 
    $(this).animate({opacity:0.5},500); 

}, function() { 
    $(this).animate({opacity:1},500); 
}); 

Démo:http://jsfiddle.net/mVWdQ/1/