Carousel - static number of slides
JS:
$('.bxslider').bxSlider({
minSlides: 2,
maxSlides: 2,
slideWidth: 360,
slideMargin: 10
});
HTML:
<ul class="bxslider">
<li><img src="http://placehold.it/730x200&text=FooBar1" /></li>
<li><img src="http://placehold.it/730x200&text=FooBar2" /></li>
<li><img src="http://placehold.it/730x200&text=FooBar3" /></li>
<li><img src="http://placehold.it/730x200&text=FooBar4" /></li>
<li><img src="http://placehold.it/730x200&text=FooBar5" /></li>
<li><img src="http://placehold.it/730x200&text=FooBar6" /></li>
</ul>
This slider always displays no less than two slides (minSlides) and always displays no more than two slides (maxSlides). Therefore the carousel will always display two slides.
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