旋转木马动画车

Question

我正在使用CarouFredSel.js制作一个滚动条，一次滚动一个项目。现在，当点击下一个或上一个时，它将滚出屏幕，但之后会出现新的，我希望它可以滑入。

这是代码

jQuery(function () {
    jQuery('#foo2').carouFredSel({
        prev: '#prev2',
        next: '#next2',
        auto: false,
        circular: true,
        infinite: true,
        responsive: true,
        direction: "left",
        width: null, // automatically calculated
        height: null, // automatically calculated
        align: "center",
        items: {
            visible: 1,
            start: "random"
        }
    });
});

这也是一个小提琴jsfiddle.net/TCAb3/

Answer 1

这是解决方案，我需要纠正js和css：

Demo

JS

jQuery(function () {
    jQuery('#foo2').carouFredSel({
        prev: '#prev2',
        next: '#next2',
        auto: false,
        circular: true,
        infinite: true,
        responsive: true,
        direction: "left",
        width: null, // automatically calculated
        height: null, // automatically calculated
        align: "center",
        items: {
            visible: 1,
            start: "random"
        }
    });
});

CSS

#foo2 li {float: left;}