ayaSlider es un plugin de jQuery de fácil uso y configuración.

El slider puede mostrar un número ilimitado de items donde puede ser utilizado cualquier código HTML para las diapositivas, tiene pocas opciones de configuración, como los valores easeIn/easeOut, retraso entre cada diapositiva y selectores anterior/siguiente.

Sin embargo, cada diapositiva puede comportarse de manera diferente con la ayuda de las "opciones por diapositiva". Estos incluyen los puntos de partida de cada animación, la opacidad, retraso y duración.

ayaSlider es completamente personalizable, su aspecto puede definirse vía CSS.

FORMA DE USO:
1. Incluir los archivos JS necesarios:

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

2. Creamos el HTML:

<div id="slideShow">
    <!-- PRIMER SLIDE -->
    <div data-in="options" data-out="options">
        <div data-in="..." data-out="...">Cualquier contenido</div>
    </div>
    <!-- SEGUNDO SLIDE -->
    <div data-in="..." data-out="...">....</div>
</div>

3. Antes de la etiqueta </body>, ejecutamos el plugin configurando algunas de sus opciones:

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

Web: http://mamod.me/ayaSlider/
Descarga: https://github.com/mamod/ayaSlider