Sudo Slider jQuery Plugin - Autowidth centered demo

Autowidth in docs
  • image description
  • image description
  • image description

Usage

Include the javascripts

<script type="Text/Javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.sudoSlider.min.js"></script>

The Javascript to start it. (This script has to be below the CSS on your site)

<script type="text/javascript" >
    $(document).ready(function(){
        var sudoSlider = $("#slider").sudoSlider({
           speed: 800
        });
    });
</script>

The HTML

<div id="slider" style="text-align:center;position:relative;">
<div id="slider" style="margin: 0 auto;" >
   <div><img src="../images/01.jpg" alt="image description"/></div>
   <div><img src="../images/02.jpg" alt="image description"/></div>
   <div><img src="../images/03.jpg" alt="image description"/></div>
   <div><img src="../images/04.jpg" alt="image description"/></div>
   <div><img src="../images/05.jpg" alt="image description"/></div>
</div>
</div>