The Responsive jQuery Content Slider

Bxslider is a responsive slider with easy to use and have lot of options to customize the slideshow to use in your projects.This Plugin is released under MIT License and written by Steven Wanderski

Features

  • Fully responsive – will adapt to any device
  • Horizontal, vertical, and fade modes
  • Slides can contain images, video, or HTML content
  • 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

How to install

<!-- 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>

CSS

<!-- bxSlider CSS file -->
<link href="/lib/jquery.bxslider.css" rel="stylesheet" />

HTML markup

<ul class="bxslider">
  <li><img src="/images/pic1.jpg" /></li>
  <li><img src="/images/pic2.jpg" /></li>
  <li><img src="/images/pic3.jpg" /></li>
  <li><img src="/images/pic4.jpg" /></li>
</ul>

How to use

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

Leave a Reply

1 Comment on "The Responsive jQuery Content Slider"

Notify of
avatar
Sort by:   newest | oldest | most voted
Manisha
Guest

good