bxSlider это адаптивный jQuery Slider для различного содержимого.

bxSlider может работать и как слайдер и как карусель. Карусель может прокручивать как горизонтально так и вертикально.

  • Содержимым для bxSlider могут быть изображения, изображения с надписью, изображения с эскизами, адаптивное видео.
  • Слайдер может работать в Ticker режиме, то есть непрерывно прокручивать последовательность изображений.
  • Есть режим слайд-шоу, для которого выводятся соответствующие кнопки.
  • Кнопки Вперед, Назад можно настроить самим.
  • Можно задавать виды анимации easing

Некоторые настройки для слайдера:

Name Default Description
mode
'horizontal', 'vertical', 'fade'
'horizontal' Type of transition between slides
speed
integer
500 Slide transition duration (in ms)
slideMargin
integer
0 Margin between each slide
startSlide
integer
0 Starting slide index (zero-based)
randomStart
boolean
false Start slider on a random slide
minSlides
integer
1 The minimum number of slides to be shown. Slides will be sized down if carousel becomes smaller than the original size.
maxSlides
integer
1 The maximum number of slides to be shown. Slides will be sized up if carousel becomes larger than the original size.
moveSlides
integer
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
integer
0 The width of each slide. This setting is required for all horizontal carousels!
shrinkItems
boolean
false The Carousel will only show whole items and shrink the images to fit the viewport based on maxSlides / minSlides.

Демо слайдера и описание можно увидеть на странице проекта.

Чтобы сделать комментарий, нужно авторизоваться на сайте!