Создать слайдер с переходом, похожим на тот, что на странице MetaLabs? (с помощью jQuery)

Question

Хотите знать, если бы кто-нибудь знал, как добиться эффекта, представленного здесь на слайдере:

http://metalabdesign.com/

Я могу сделать слайдер, выстроив изображения в ряд и сдвинув их, но как быЯ собираюсь сделать этот переход расширения / затухания с библиотекой jQuery?

Спасибо.

Answer 1

Используйте функцию animate , чтобы изменить размер, положение и непрозрачность элемента.

$(element).animate({
    opacity:0,
    left: '-=30',
    top: '-=30',
    width: 630,
    height:330
}, 400);