Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   JQuery carousel сделать сдвиг на один элемент (https://javascript.ru/forum/jquery/50647-jquery-carousel-sdelat-sdvig-na-odin-ehlement.html)

Heidel 06.10.2014 00:43

JQuery carousel сделать сдвиг на один элемент
 
Пишу функцию jQuery карусели на основе вот этого примера http://coolcodez.net/create-infinite...lines-of-code/
Вот мой код:
$(document).ready(function () {
    $.fn.carousel = function () {
        var carousel = $(this);
        var width = carousel.find('li').width();
        setInterval(function () {
            carousel.delay(1000).animate({
                right: '+=' + width
            }, 1000, function () {
                var first = carousel.find('>:first-child');
                first.remove();
                $(this).append(first);
                $(this).css({
                    right: '-=' + width
                });
            });
        }, 2000);

        return $(this);
    };

    $('#carousel-1').carousel();
});


http://jsfiddle.net/n8b65qbb/33/

Мне нужно, чтобы за раз сдвиг был на один элемент влево, но мой код как-то неправильно работает и карусель скачет, не могу разобраться, в чем причина.

krasovsky 06.10.2014 09:13

Ты двигаешь в влево wrapper который у тебя 960px и удаляешь ul со всем содержимым и вставляешь его заново.


Часовой пояс GMT +3, время: 23:14.