2009-04-10 23 views
5

Hice este código con jQuery a desvanecerse imágenes (pero no el un movimiento del ratón por encima) y todas las imágenes se desvanecen al mismo tiempo!jQuery se desvanecen todas las demás imágenes

$(".playThumb").fadeTo("normal", 1); 

$(".playThumb").hover(function() { 
    $(".playThumb").each(function() { 
     if ($(this) != $(this)) { 
      $(this).fadeTo("fast", 0.3); 
     } 
    }); 
}, function() { 
    $(".playThumb").each(function() { 
      $(this).fadeTo("fast", 1); 
    }); 
}); 

<a href="#"><img src="001.jpg" class="playThumb" /> 
<a href="#"><img src="002.jpg" class="playThumb" /> 
<a href="#"><img src="003.jpg" class="playThumb" /> 
<a href="#"><img src="004.jpg" class="playThumb" /> 

Si alguien me puede ayudar a desaparecer todas las demás imágenes excepto el que señalo el ratón sobre?

Respuesta

16

Usted podría utilizar not para filtrar el elemento que se cernía:

$(".playThumb").fadeTo("normal", 1); 

$(".playThumb").hover(function() { 
    $(".playThumb").not(this).fadeTo("fast", 0.3); 
}, function() { 
    $(".playThumb").not(this).fadeTo("fast", 1); 
}); 
+1

bastante seguro de que no es necesario $() en torno a "este" en el no. –

+0

Ok, he eliminado $() ahora. – moff

Cuestiones relacionadas