jquery - 轮播动画车

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：

演示

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;}