Пользовательская начальная позиция jCarousel

Мне нужно установить пользовательскую начальную позицию для списка jCarousel.

У меня есть 4 видимых слайда внутри карусели, но мне нужно, чтобы только два из них были полностью видны в середине карусели, половина другого - с левой стороны, а половина - с правой стороны.

Как это выглядит сейчас

Как это должно быть

Официальная документация qCarousel говорит, что для установки начальной позиции через CSS я должен использовать это:

.jcarousel ul {
    left: -150px;
}

Но он переопределяется сценарием jcarousel, который снова устанавливает position:left в 0.

И методом события я могу выбрать только слайд для начала, например, первый слайд или второй.

Как мне это исправить?


person nfk23b    schedule 29.01.2016    source источник


Ответы (1)


Пытаться

.jcarousel ul {
    left: -150px !important;
}

Or

Оберните карусель в контейнер с overflow:hidden и отрегулируйте карусель внутри него, чтобы получить правильное положение.

person Kapeesh Manilal    schedule 29.01.2016
comment
!important работает только до тех пор, пока вы не поменяете слайды. Он переопределяет скрипт jcarousel, а затем вы используете кнопки со стрелками, и все это запутывается. - person nfk23b; 29.01.2016
comment
overflod: скрытый метод помог. Большое спасибо. - person nfk23b; 29.01.2016
comment
Рад, что смог помочь. Пожалуйста, отметьте как решенный/правильный. Спасибо! - person Kapeesh Manilal; 31.01.2016