Fully Customizable Responsive jQuery Content Slider – bxSlider

Bxslider is fully responsive and light-weight jQuery content slider plugin that supports most of the modern browsers and devices. There are tons of configuration options and you can configure it according to your requirements.

Features:

• Light-weight and easy to implement.
• Fully responsive, supported on all modern devices.
• Supports vertical slide.
• Full callback API and public methods.

How to use it:

1. Include the Javascript jquery.bxslider.js at the bottom of the web page.

<script src="path/to/jquery.bxslider.js"></script>

2. Include the CSS jquery.bxslider.css in the header of the page.

<link rel="stylesheet" href="path/to/jquery.bxslider.css">

3. Add the basic HTML to the page.

<ul class="bxslider">
  <li><img src="path/to/demo-1.jpg" /></li>
  <li><img src="path/to/demo-2.jpg" /></li>
  <li><img src="path/to/demo-3.jpg" /></li>
</ul>

4. Initialize the plugin and we’re ready to go.

$(document).ready(function(){
  $('.bxslider').bxSlider();
});

** Note that the call must be made inside of a $(document).ready() call, or the plugin will not work!

General options:

Pager option

Controls

Auto

Carousel

Keyboard

Accessibility

Callbacks

Public Methods