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.