Ticker mode
JS:
$('.bxslider').bxSlider({
minSlides: 4,
maxSlides: 4,
slideWidth: 170,
slideMargin: 10,
ticker: true,
speed: 9000
});
HTML:
<ul class="bxslider">
<li><img src="https://picsum.photos/id/22/170/200"></li>
<li><img src="https://picsum.photos/id/23/170/200"></li>
<li><img src="https://picsum.photos/id/24/170/200"></li>
<li><img src="https://picsum.photos/id/25/170/200"></li>
<li><img src="https://picsum.photos/id/26/170/200"></li>
<li><img src="https://picsum.photos/id/27/170/200"></li>
<li><img src="https://picsum.photos/id/28/170/200"></li>
<li><img src="https://picsum.photos/id/29/170/200"></li>
</ul>
Examples
- Image gallery with captions
- Auto show with start / stop controls
- Manual show without infinite loop
- Slidehow using adaptiveHeight
- Carousels demystified - in depth explanation with examples
- Carousel - static number of slides showing
- Carousel - dynamic number of slides showing
- Thumbnail pager - method 1
- Thumbnail pager - method 2
- Vertical slideshow
- Custom next / prev control selectors
- Multiple slideshows
- Callback API
- Public methods
- Ticker