простая галерея изображений - изменить непрозрачность изображения с помощью jquery?

Question

Я сделал очень простую галерею, используя:

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

, что мне также хотелось бы, чтобы у всех миниатюр была уменьшена непрозрачность, кроме первого / начального большого пальца до нажатия - в этот момент начальныйу thumb будет непрозрачность, а нажатый большой палец будет полностью виден и так далее ... насколько легко это добавить в мой текущий скрипт?Спасибо

Answer 1

Вам нужны два изображения друг над другом для эффективного затухания, иначе одно просто исчезнет, ​​прежде чем появится другое. Вы можете сделать это, установив текущее изображение в качестве фона, а затем добавьте изображение сверху:

См. http://jsfiddle.net/Diodeus/gYyBL/ для примера.