Sudo Slider jQuery Plugin

Usage

This is everything you need.

First include the javascripts

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

<script type="text/javascript" src="js/jquery.sudoSlider.min.js"></script>

The Javascript to start it.

<script type="text/javascript" >

    $(document).ready(function(){	

        $("#slider").sudoSlider({

            numeric:true

        });

    });

</script>

The CSS

#slider {

    width:696px;

}

#slider img{

    border:none;

}

#slider ul, #slider li{

    margin:0;

    padding:0;

    list-style:none;

}

#slider li { 

    width:696px;

    overflow:hidden; 

}

The HTML

<div id="slider" >

    <ul>

        <li><img src="images/01.jpg" alt="image description"/></li>

        <li><img src="images/02.jpg" alt="image description"/></li>

        <li><img src="images/03.jpg" alt="image description"/></li>

        <li><img src="images/04.jpg" alt="image description"/></li>

        <li><img src="images/05.jpg" alt="image description"/></li>	

    </ul>

</div>