多くの要素のjQuery fadeTo（）パフォーマンス

Question

私はあなたの上に乗っているものを示すためにイメージのギャラリーにクールなフェイディホバー効果を行っています - しかし、20以上のイメージがあるとき、それは実際にパフォーマンスを殺します。ここで

は（非常に基本的な）私はそれをやっている方法です

$('img').on('hover', function(){ 
    $(this).stop().fadeTo(100,1); 
    $('img').not($(this)).stop().fadeTo(100,.5); 
}); 

誰もがこのための最適化の良いビット、または最初の場所でそれを行うには良い方法がありますか？

「単にCSSを使用する」とは言わないでください。これは既にフォールバックとして存在しています。

Answer 1

すると、パフォーマンスが改善されるかどうかを確認するために、これを試してみてください：ここ

$('img').on('mouseenter', function(){  
    $(this).fadeTo(100, 0.5); 
}).on('mouseleave', function(){  
    $(this).stop(true).fadeTo(100, 1); 
}); 

jsFiddle：http://jsfiddle.net/26w5q/

が正常に動作するようです。