carouFredsel带物品的响应式旋转木马:可变

carouFredsel Responsive carousel with items:variable

本文关键字：旋转木马 可变 响应 carouFredsel      更新时间：2023-09-26

我正在尝试制作一个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);

这可能会解决您的问题：

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);
相关文章：