carouFredsel Адаптивная карусель с элементами: переменная

Я пытаюсь сделать адаптивную карусель carouFredsel, которая должна отображать переменное количество элементов в зависимости от того, сколько элементов помещается по ширине. У меня проблема в том, что всякий раз, когда я устанавливаю responsive на true, элементы получают 100%, а это не то, что мне нужно.

Мне удалось создать скрипку, где я показываю:

1) карусель со 100% шириной, которая показывает столько элементов, сколько умещается, и когда размер окна браузера изменяется, отображается больше или меньше элементов

2) изображение элемента, размер которого изменяется в зависимости от размера экрана

Я хотел бы объединить 1 и 2 и иметь карусель, которая ведет себя как 1 с элементами, которые ведут себя как 2. Я не могу заранее знать, сколько элементов подойдет (даже в процентах), поскольку для каждой карусели элементы может иметь любую ширину (хотя все они одинаковые).

Это возможно ? Что мне не хватает?

http://jsfiddle.net/379zW/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);

javascript jquery css caroufredsel
person Desarrollo BlueSoft    schedule 21.11.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Это может решить вашу проблему:

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);
person Deniss Baronov    schedule 15.01.2014
comment
Я попробовал это в своем примере Fiddler и не смог заставить его работать. Спасибо большое в любом случае! - person Desarrollo BlueSoft; 17.01.2014