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

Question

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

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

我也想让所有的缩略图在第一个/开始拇指旁边的不透明度降低，直到被点击--在这一点上，开始拇指的不透明度会降低，被点击的拇指将完全可见，所以on...how很容易添加到我当前的脚本中？谢谢

Answer 1

你需要两张图片叠加在一起才能获得有效的淡入淡出效果，否则一张图片就会在另一张图片出现之前消失。可以通过将当前图像设置为背景，然后淡入顶部的图像来完成此操作：

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