Image gallery with captions
JS:
$('.bxslider').bxSlider({
mode: 'fade',
captions: true
});
HTML:
<ul class="bxslider">
<li><img src="/images/730_200/tree_root.jpg" title="Funky roots" /></li>
<li><img src="/images/730_200/hill_road.jpg" title="The long and winding road" /></li>
<li><img src="/images/730_200/trees.jpg" title="Happy trees" /></li>
</ul>
Examples
- Image slideshow with captions
- Auto show with start / stop controls
- Manual show without infinite loop
- Slideshow 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
- Responsive video
- Ticker mode
- Custom easing
- Reload slider
- Reload slider with new settings


