The attenuation of everything except the element that is indicated by the mouse

Question

It looks like the Lightbox 2 effect, but only the elements that the mouse points to. I don’t even know where to start. Any advice would be great, thanks.

Answer 1

Like this:

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

Demo: http://jsfiddle.net/Ender/vJQDx/

Answer 2

Have you seen the expose plugin? Perhaps exactly what you are looking for.

Answer 3

You asked how to delete everything except the item that is indicated by the mouse. Other answers here show how to fade out in a hovering element rather than disappearing non-hovering elements ...

Here is the answer that hits the point made in your 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); }); });