ayaSlider

1- HEADER

<!-- dont forget to include jQuery first -->
<script src="js/jQuery.js" type="text/javascript"></script>

<!-- include jquery easing plugin if you want to use easing options -->
<script src="jquery.easing.min.js" type="text/javascript"></script>

<script src="js/ayaSlider.js" type="text/javascript"></script>

2- HTML

<div id="slideShow">
<!-- FIRST SLIDE -->
<div data-in="options" data-out="options">
<div data-in="..." data-out="...">
Some content to slide
</div>
</div>
<!-- SECOND SLIDE -->
<div data-in="..." data-out="...">
....
</div>
</div>

3- Javascript

<script>
//set default options and initiate ayaSlider
$(document).ready(function(){
$('#slideShow').ayaSlider({
easeIn : 'easeOutBack',
easeOut : 'linear',
delay : 4000,
....,
....
});
});
</script>