更改caroufredsel中移动设备的项目数

时间:2014-01-20 21:55:25

标签: jquery carousel caroufredsel

我正在尝试更改Caroufredsel在移动设备上显示的项目数量。现在我设置为显示4个项目并在桌面上一次滚动4个。对于移动设备,我希望它只显示2个项目并一次滚动2个。这可能吗?

$('#multimedia').carouFredSel({
        width: "980px",
        height: "auto",
        prev: "#prev",
        next: "#next",
        auto: false,
        responsive: true,
        items: 4,
        auto: {
            play: false
        },
        pagination: "#pagination",
        scroll: {   
            items: 4,
            easing : "swing"
        }                 
    });

1 个答案:

答案 0 :(得分:5)

是的,完全有可能,希望你能从我的配置文件中获取一些东西:

        responsive : true,
        height : "auto",
        items:
        {
            width: 551,
            visible:
                {
                    min: 1,
                    max: 3
                }
        },
        scroll : {
            items:
            {
                width: 900,
                visible:
                    {
                        min: 1,
                        max: 3
                    }
            },
            easing          : "quadratic",
            duration        : 700
        },
相关问题