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

Question

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

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

除了第一个/起始拇指之外，我还希望所有缩略图的不透明度降低，直到被点击——此时起始拇指的不透明度会降低，点击的拇指将完全可见，依此类推。 ..添加到我当前的脚本中有多容易？ 谢谢

Answer 1

您需要将两张图像叠加在一起才能进行有效的淡入淡出，否则其中一张会在另一张出现之前消失。您可以通过将当前图像设置为背景，然后在顶部淡入图像来做到这一点：

例如，请参阅：http://jsfiddle.net/Diodeus/gYyBL/。