简单的图片库 - 通过jquery更改图像不透明度？

Question

我使用了一个非常简单的画廊：

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

我还希望所有的缩略图除了第一个/起始拇指之外还要降低其不透明度，直到点击为止 - 此时起始拇指的不透明度会降低，点击的拇指将完全可见，等等。 ..这很容易添加到我当前的脚本？ 感谢

Answer 1

你需要两个图像叠加在一起才能有效淡化，否则一个图像会在另一个图像出现之前消失。您可以通过将当前图像设置为背景，然后淡入图像顶部来执行此操作：

有关示例，请参阅：http://jsfiddle.net/Diodeus/gYyBL/。