When it comes to pick up a responsive jQuery content slider to a website, where simplicity meets functionality, the one I could comment on is the bxSlider.
- Fully responsive – will adapt to any device
- Horizontal, vertical, and fade modes
- Slides can contain images, video, or HTML content
- Advanced touch / swipe support built-in
- Uses CSS transitions for slide animation (native hardware acceleration!)
- Full callback API and public methods
- Small file size, fully themed, simple to implement
- Browser support: Firefox, Chrome, Safari, iOS, Android, IE7+
- Tons of configuration options
At GOMO we’ve been using it on our latest projects. We’ve also replaced some Flexslider implementations by bxSlider.
Unfortunately, yesterday I found out that the infinite loop feature is not working correctly on responsive websites, which means, you should set the option infiniteLoop to false:
$('.bxslider').bxSlider({
slideWidth: 358,
minSlides: 1,
maxSlides: 3,
infiniteLoop: false,
slideMargin: 30
});
This bug was already reported on gitHub.