Question

我正在使用这个卷轴

http://coolcarousels.frebsite.nl/c/2/

我在下面有这个设置。

我的问题是我将它设置为visible: 4并且我有4张图片，所以它不会滚动。如果我将其设置为visible: 3，那么它会按预期工作。但是，当您在1920px宽分辨率上打开浏览器的全宽时，我想在一个屏幕上显示所有4个图像。所以问题似乎是。如果我将图像数量设置为可见，那么它就会停止工作。

有没有办法一次在屏幕上显示所有4个图像，然后仍然滚动它们？

$(function() {
    $('#carousel').carouFredSel({

        width: '100%',  
        align: 'left',

        items: {
            visible: 4,
            start: 0,


        },
        scroll: {
            items: 1,
            queue           : true,
            fx: "scroll",
            easing: "swing",
            duration: 1000,
            timeoutDuration: 3000
        },

        prev: '.prev',
        next: '.next',


        auto: {
            easing: "quadratic",
            button: '.play',

            pauseOnEvent: 'resume',
                pauseOnHover: true
        }

    }).find(".slide .plusNav").hover(
              function() { $(this).find("div").slideDown(); },
              function() { $(this).find("div").slideUp();   }
    );
});

Answer 1

试试这个

items: {
    minimum: 0,
},

Answer 2

我已将minimum设置为0来解决此问题。

items: {
    minimum: 0,

实际上，将minimum属性设置为零会强制显示滚动条，而不管当前显示的项目数是多少。

这对我来说是必需的，因为自动启用滚动条不适用于某些屏幕分辨率 - 我不得不再添加2个项目以使滚动条可见，这不是预期的行为。

作为一种解决方法，我设置minimum: 0 - 它解决了问题。

Answer 3

我能够通过编辑来源：/

来做到这一点

如果你注释掉这一行554＆amp; 556在jquery.carouFredSel-6.2.0.js中就像这样...

//  not enough items
var minimum = (is_number(opts.items.minimum)) ? opts.items.minimum : opts.items.visible + 1;
if (minimum > itms.total)
{
    // e.stopImmediatePropagation();
    // return debug(conf, 'Not enough items ('+itms.total+' total, '+minimum+' needed): Not scrolling.');
}

......它对我有用。

Answer 4

访问包装并设置其高度（假设所有子项具有相同的高度）：

var carousel = [your_carousel],
    carousel_wrapper = carousel.parent();

carousel_wrapper.height(function(){
  return (carousel.children('[child_selector]').length) * [child_height];
});

这里的事情是，当旋转木马动画时会有一种奇怪的行为。这是因为最大高度是（（n-1）* child_height）故意作为掩码，以及溢出：隐藏。

另一个选择是复制其中一个孩子，但这不是语义。

carouFredSel - 将可见数量设置为实际图像数量 - 并且仍然滚动？

4 个答案: