6

我正在使用这个滚动条

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

我在下面有这个设置。

我的问题是我将它设置为visible: 4并且我有 4 张图像，所以它不会滚动。如果我将它设置为，visible: 3那么它会按预期工作。但是，当您以 1920 像素宽的分辨率打开浏览器全宽时，我想在一个屏幕上显示所有 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();   }
    );
});
4

4 回答 4

7

尝试这个

items: {
    minimum: 0,
},
于 2013-03-18T22:10:39.410 回答
0

我已经通过设置minimum为 0 解决了这个问题。

items: {
    minimum: 0,

实际上，将该minimum属性设置为零会强制始终显示滚动条，而与当前显示的项目数无关。

这对我来说是必需的，因为滚动条的自动启用在某些屏幕分辨率上不起作用——我必须再添加 2 个项目才能使滚动条可见，这不是预期的行为。

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

于 2016-08-14T16:00:41.300 回答
-1

我可以通过编辑源代码来做到这一点：/

如果您像这样在 jquery.carouFredSel-6.2.0.js 中注释掉第 554 和 556 行...

//  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.');
}

...它对我有用。

于 2013-02-27T18:53:57.627 回答
-1

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

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

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

这里的事情是，当轮播动画时会有一个奇怪的行为。这是因为最大高度是((n-1) * child_height)故意作为掩码完成的，以及溢出：隐藏。

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

于 2013-04-17T14:32:23.283 回答