carouFredsel 带有项目的响应式轮播：变量

Question

我正在尝试制作一个 carouFredsel 响应式轮播，它应该根据宽度适合的数量显示可变数量的元素。我遇到的问题是，每当我将响应设置为 true 时，元素都会 100% 使用，这不是我需要的。

我设法在我展示的地方创建了一个小提琴：

1) 一个 100% 宽度的轮播，显示尽可能多的元素，当浏览器窗口调整大小时，会显示更多或更少的元素

2) 根据屏幕大小调整大小的项目图像

我想将 1 和 2 结合起来，并有一个行为类似于 1 的轮播，其元素行为类似于 2。 我不可能提前知道有多少项目适合（甚至不是百分比），因为对于每个轮播，元素可能有任何宽度（尽管它们都具有相同的宽度）。

这可能吗？我错过了什么？

http://jsfiddle.net/379zW/2/

var options = {
    circular: true,
    infinite: false,
    auto    : false,
    responsive: false,
prev    : {
    button  : "#p",
    key : "left"
},
next    : {
    button  : "#n",
    key : "right"
},
    width: '100%',
};

$("#carousel_123").carouFredSel(options);

Answer 1

这可能会解决您的问题：

var options = {
    circular: true,
    infinite: false,
    auto: false,
    items: {
            width: '100%',
            height: 'variable',
            visible: {
                min: 1,
                max: 999
            }
    },
    responsive: false,
    prev: {
        button: "#p",
        key: "left"
    },
    next: {
        button: "#n",
        key: "right"
    },

    width: '100%',
};

$("#carousel_123").carouFredSel(options);