Как зациклить .animate в jQuery?

Question

[Anchor00]

Есть анимация
jQuery(document).ready(function(){
$("#pic2card").animate({
opacity: 0.4,
marginLeft: "100%"
}, 1500 );
});
Она работает. Но "в один проход". Двигает картинку, и картинка так справа и остается. Как зациклить эту анимацию?

Answer 1

[keslo]

(function(){
    $("#pic2card")
        .animate({
            opacity: 0.4,
            marginLeft: "100%"}, 1500) // Туда
        .animate({
            opacity: 1,
            marginLeft: "0%"}, 1500, arguments.callee) // Обратно и заново
}());

Comments

[Илья Шатохин]

В строгом режиме выкинет ошибку на arguments.callee, лучше сделать рекурсию.

[keslo]

Илья Шатохин: вам не сложно накидать пример с рекурсией? Интересно посмотреть, так как пока не прочувствовал рекурсию)

[Илья Шатохин]

Так у вас и есть рекурсия, просто вместо callee надо использовать имя функции.

(function iterator(){
    $("#pic2card")
        .animate({
            opacity: 0.4,
            marginLeft: "100%"}, 1500) // Туда
        .animate({
            opacity: 1,
            marginLeft: "0%"}, 1500, iterator) // Обратно и заново
}());

[keslo]

Илья Шатохин: спасибо. Действительно. Голова подустали уже видимо)