Не так давно я интересовался о возможностях bxSlider для решения моей задачи.
Опробовав разные варианты я пришел к выводу что без хороших знаний js данный слайдер не удастся приспособить для ее решения.
По этому постараюсь максимально подробно и понятно описать то что требуется и прошу подсказать альтернативы в которых данный функционал будет заложен изначально.
- Синий - ширина основного содержимого страницы
- Желтый - текущий слайд
- Зеленый - остальные слайды
Условия задачи:
- Текущий слайд всегда расположен по центру и имеет уникальный класс
- По бокам видны другие слайды, скрывающиеся за границами окна браузера (Изображения a-1, a-2, b-1, b-2).
- При увеличении ширины экрана слайды по бокам заполняют всю область до границ (Изображения a-1, a-2, b-1, b-2).
- В качестве компромисса слайды не заполняют всю область по ширине, а располагаются по обе стороны слева и справа равным количеством (Изображения a-3, b-3).
Так же необходима возможность использования кастомного пэйджинга.
В качестве визуального примера прилагаются изображения с одним слайдом (прокрутка по одному слайду) и с несколькими слайдами (прокрутка по одному слайду, по несколько слайдов)
a-1
a-2
a-3
b-1
b-2
b-3
