Sudo Slider jQuery Plugin - Autowidth centered demo
Autowidth in docs
Usage
Include the javascripts
<script type="Text/Javascript" src="http://code.jquery.com/jquery-1.11.2.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,
responsive: false
});
});
</script>
The HTML
<div style="text-align:center;position:relative;">
<div id="slider" style="margin: 0 auto;">
<ul>
<li><img src="../images/08.jpg" alt="image description"/></li>
<li style="width:500px;">
<img src="../images/02.jpg" width="500px;" alt="image description"/>
</li>
<li><img src="../images/07.jpg" alt="image description"/></li>
</ul>
</div>
</div>