Animacja w JQuery

0

Witam serdecznie,
Mam taką animację:

$(document).ready(function () {
    var speed = 4000;
    
    var run = setInterval(rotate, speed);
    var slides = $('.sliderrrrrrrr');
    var container = $('.slidessssssssss ul');
    var elm = container.find(':first-child').prop("tagName");
    var item_width = container.width();
    var previous = 'prev'; //id of previous button
    var next = 'next'; //id of next button
    slides.width(item_width); //set the slides to the correct pixel width
    container.parent().width(item_width);
    container.width(slides.length * item_width); //set the slides container to the correct total width
    container.find(elm + ':first').before(container.find(elm + ':last'));
    resetSlides();
    
    
    
    $('#buttons a').click(function (e) {
        
        if (container.is(':animated')) {
            return false;
        }
        if (e.target.id == previous) {
            container.stop().animate({
                'left': 0
            }, 4500, function () {
                container.find(elm + ':first').before(container.find(elm + ':last'));
                resetSlides();
            });
        }
        
        if (e.target.id == next) {
            container.stop().animate({
                'left': item_width * -2
            }, 4500, function () {
                container.find(elm + ':last').after(container.find(elm + ':first'));
                resetSlides();
            });
        }
        
        return false;
        
    });
    
    container.parent().mouseenter(function () {
        clearInterval(run);
    }).mouseleave(function () {
        run = setInterval(rotate, speed);
    });
    
    
    function resetSlides() {
        container.css({
            'left': -1 * item_width
        });
    }
    
});

function rotate() {
    $('#next').click();
}

Wie ktoś może jak dodać efekty "przejścia" pomiędzy widocznymi animacjami? Teraz troszkę to za szybko chodzi i powoduje efekt jakby "szarpania"

0

Szukaj pod hasłem: jquery easings.

PS
Animacje powinno się robić w CSS

0

tzn mam gotową stronę i muszę poprawić jakoś ten skrypt :(

1 użytkowników online, w tym zalogowanych: 0, gości: 1