2009-04-10 1 views
5

ho fatto questo codice con jQuery a sbiadire le immagini (ma non quella una mossa il mouse sopra) e tutte le immagini svaniscono allo stesso tempo!jQuery dissolvenza tutte le altre immagini

$(".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" /> 

Se qualcuno mi può aiutare a sbiadire tutte le altre immagini tranne quello indico il mouse sopra?

risposta

16

Si potrebbe utilizzare not per filtrare l'elemento in fase di aleggiava:

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

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

abbastanza sicuro che non hai bisogno di $() intorno "questo" in un futuro non. –

+0

Ok, ho rimosso $() ora. – moff