Fork me on GitHub - Rise Ledger
Nex
 

1 - Add the following files before the closing <head> tag

<link rel="stylesheet" href="nex.min.css" /> <!-- Nex main css file -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <!-- The latest jquery -->
<script type="text/javascript" src="Animo.min.js"></script> <!-- The Animo library -->
<script type="text/javascript" src="nex.min.js"></script> <!-- Nex library -->
<!-- optional, include only if you're using google maps -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&sensor=false"></script>
 

2 - Create <script> tag, containing an array of your slides

<script type="text/javascript">
    var slides = [
        {
            link        : "http://path/to/fullscreen/image/1.png",
            thumb       : "http://path/to/thumb/image/1.png"
        },

        {
            link        : "http://path/to/fullscreen/image/2.png",
            thumb       : "http://path/to/thumb/image/2.png"
        },

        {
            link        : "http://path/to/fullscreen/image/3.png",
            thumb       : "http://path/to/thumb/image/3.png"
        }
    ];
</script>
 

3 - Run Nex Slider

<script type="text/javascript">
    new Nex({data: slides});
</script>