Question

我正在尝试制作一个carouFredsel响应式旋转木马，它应该显示可变数量的元素，具体取决于宽度的适合度。我遇到的问题是，每当我设置对true的响应时，元素都会得到100％，这不是我需要的。

我设法创造了一个小提琴，我展示了：

1）宽度为100％的旋转木马显示尽可能多的元素，当浏览器窗口调整大小时，会显示更多或更少的元素

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

我想将1和2组合在一起，并且有一个行为像1的旋转木马，其元素的行为类似于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);

carouFredsel响应式旋转木马项目：变量

1 个答案: