2012-01-05 7 views
0

私が使用して非常にシンプルなギャラリーを行っている:シンプルな画像ギャラリー - jquery経由で画像の不透明度を変更しますか?

$('#thumbs img').click(function(){ 
$('#mainimg img').attr('src',$(this).attr('src').replace('thumb','large')); 
}); 

何私も希望してクリックするまで、彼らの不透明度は開始/最初の親指以外に下げたのがすべてのサムネイルのためである - 開始親指が持っていると思われる時点で、その不透明度が低くなり、クリックされた親指が完全に表示されるようになります...これは現在のスクリプトにどの程度簡単に追加できますか? ありがとう

答えて

0

効果的なフェードのために2つの画像を重ねて表示する必要があります。そうでない場合は、もう一方の表示が消えてから消えます。現在の画像を背景として設定し、上に画像をフェードインすることでこれを行うことができます。

参照:例:http://jsfiddle.net/Diodeus/gYyBL/

+0

申し訳ありません申し訳ありませんが、おそらく私はより良い記述する必要があります。私は、サムネイル画像のデフォルト値/開始サムネイルの100%に加えて、サムネイル画像の不透明度を60%としたいだけです。次に、次のサムネイルをクリックすると、最初のサムネイルが60%で結合し、新たにクリックされたサムネイルは100%になります – John

+0

$(this).fadeTo( ''、。01)ここで、不透明度は0と1の間で変化します(1 = 100%)。 –

+0

$(this).fadeTo( ''、1);を追加します。現在のサムネイルを正しい不透明度にしますが、他のものがクリックされたときにどのようにフェードを失うのでしょうか?手伝ってくれてどうもありがとう! – John

関連する問題