如何在流体布局中使用flexslider切割滑块

时间:2013-01-23 03:30:16

标签: jquery carousel fluid-layout flexslider

我需要一些帮助。我在我的网站上使用了flexslider,但是有问题。我的网站是流动的。它应调整li的边距,以便更改可见区域中的幻灯片数量。例如当resolusion 1366px它是可见的4项时,当解析1024px它是可见的3项,如here,没有人必须切断,只有可见区域的整数幻灯片。 你能说这个滑块有可能吗?因为它有选项:

minItems: 0,                    //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this.

maxItems: 0,                    //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit.

但它对我的情况不起作用。也许我做错了什么。这是我的呼唤:

var parametrsSlider = {
            animation: "slide",
            animationLoop: false,
            itemWidth: 227,
            itemMargin: 23,
            minItems: 3,
            maxItems: 4,
            controlNav: false,
            move:1
        }
    var exist2 = $("#product-slider").length;
    if(exist2 != 0){
        $('#product-slider').flexslider(parametrsSlider);
    };
    var exist2 = $("#product-slider2").length;
    if(exist2 != 0){
        $('#product-slider2').flexslider(parametrsSlider);
    };
    var exist2 = $("#product-slider3").length;
    if(exist2 != 0){
        $('#product-slider3').flexslider(parametrsSlider);
    };

my site。提前谢谢

0 个答案:

没有答案