bxSlider это адаптивный jQuery Slider для различного содержимого.
bxSlider может работать и как слайдер и как карусель. Карусель может прокручивать как горизонтально так и вертикально.
- Содержимым для bxSlider могут быть изображения, изображения с надписью, изображения с эскизами, адаптивное видео.
- Слайдер может работать в Ticker режиме, то есть непрерывно прокручивать последовательность изображений.
- Есть режим слайд-шоу, для которого выводятся соответствующие кнопки.
- Кнопки Вперед, Назад можно настроить самим.
- Можно задавать виды анимации easing
Некоторые настройки для слайдера:
| Name | Default | Description |
|---|---|---|
|
mode
|
'horizontal' | Type of transition between slides |
|
speed
|
500 | Slide transition duration (in ms) |
|
slideMargin
|
0 | Margin between each slide |
|
startSlide
|
0 | Starting slide index (zero-based) |
|
randomStart
|
false | Start slider on a random slide |
|
minSlides
|
1 | The minimum number of slides to be shown. Slides will be sized down if carousel becomes smaller than the original size. |
|
maxSlides
|
1 | The maximum number of slides to be shown. Slides will be sized up if carousel becomes larger than the original size. |
|
moveSlides
|
0 | The number of slides to move on transition. This value must be >= minSlides, and <= maxSlides. If zero (default), the number of fully-visible slides will be used. |
|
slideWidth
|
0 | The width of each slide. This setting is required for all horizontal carousels! |
|
shrinkItems
|
false | The Carousel will only show whole items and shrink the images to fit the viewport based on maxSlides / minSlides. |
Демо слайдера и описание можно увидеть на странице проекта.