jquery Responsive Slide Plugin Bxslider

Bxslider is a free jQuery Slider plug-in that can achieve content and picture slideshow scrolling effect, support response, adaptive screen of various sizes, desktop and mobile phones and other devices can be perfectly adapted.

Bxslider Detail Features

Full-response: supports all devices.
Supports horizontal, vertical, and fade modes.
Supports slides such as pictures, videos, and HTML content.
Built-in support for advanced operations such as touch and slide.
Use CSS transitions to implement slide animations (native hardware acceleration).
A complete callback API and interface.
The plugin is very small, but contains a complete theme and is very easy to integrate.
Support Firefox, Chrome, Safari, IOS, Android, ie7+ and so on almost all browsers.
A very detailed feature configuration option.
Bxslider Download Address:

Http://bxslider.com/lib/jquery.bxslider.zip

Bxslider Use Tutorial

1. First load JQuery JS library and download and load Bxslider js and CSS Library:

<!--JQuery Library (served from Google)-->
<script src= "//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" ></script>
<!--bxslider Javascript file-->
<script src= "/js/jquery.bxslider.min.js" ></script>
<!--bxslider CSS file-->
<link href= "/lib/jquery.bxslider.css" rel= "stylesheet"/>
2. Create a corresponding HTML code:
<ul class= "Bxslider" >
<li></li>
<li></li>
<li></li>
</ul>
3. Call Bxslider:
$ (document). Ready (function () {
$ ('. Bxslider '). Bxslider ();
});
Bxslider parameter Options
Bxslider offers a wealth of options to configure, and here we list the most important and commonly used option settings