Effacement de tout sauf de l'élément pointé par la souris

Question

Semblable à un effet "Lightbox 2" mais uniquement sur les éléments pointés par une souris. Je ne sais même pas comment commencer. Tout conseil serait génial, merci.

Answer 1

Comme ceci:

$(function() { 
    $('*').fadeTo('fast',0.5).hover(function() { 
     $(this).fadeTo('fast',1); 
    }, function() { 
     $(this).fadeTo('fast',0.5); 
    }); 
}); 

Démo: http://jsfiddle.net/Ender/vJQDx/

Answer 2

Avez-vous vu le plugin expose? Peut-être exactement ce que vous cherchez.

Answer 3

Vous avez demandé comment s'effacent tout ce sauf l'élément qui est pointé par la souris. D'autres réponses ici montrent comment fondre dans l'élément planétaire, ne pas fondu sur les éléments non planétaires ...

Voici une réponse qui atteint le point fait dans votre question.

http://jsfiddle.net/g105b/ecJw8/

$(function() { 
    $("img").mouseover(function() { 
     $("img:not(:hover)").fadeTo("fast", 0.5); 
    }); 
    $("img").mouseout(function() { 
     $("img").fadeTo("fast", 1.0); 
    }); 
});