JQuery Slider

Jquery slider

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>jQuery Image Slider</title>
    <link rel="stylesheet" href="bjqs.css">
    <link href='http://fonts.googleapis.com/css?family=Source+Code+Pro|Open+Sans:300' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="demo.css">
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="js/bjqs-1.3.min.js"></script>
  </head>
  <body>
    <div id="container">
        <h2>Image Slider Using jQuery</h2>
      <div id="banner-slide">
        <ul class="bjqs">
          <li><a href=""><img src="img/banner01.jpg"></a></li>
          <li><img src="img/banner02.jpg" ></li>
          <li><img src="img/banner03.jpg"></li>
        </ul>
      </div>
      <script class="secret-source">
        jQuery(document).ready(function($) {
          $('#banner-slide').bjqs({
            animtype      : 'slide',
            height        : 320,
            width         : 620,
            responsive    : true,
            randomstart   : true
          }); 
        });
      </script>
    </div>
    <script src="js/libs/jquery.secret-source.min.js"></script>

   
  </body>

</html>

Comments

Popular posts from this blog

Hamming code in java

Why companies hiring Interns, build their BRAND faster?

Bully Algorithm in Java program