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

Question

Я сделал очень простую галерею с помощью:

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

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

Answer 1

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

См. Например: http://jsfiddle.net/Diodeus/gYyBL/.