INICIALIZACIÓN DE NIVO SLIDER

<script type="text/javascript">

$(window).load(function() {

    $('#slider').nivoSlider({

effect:'random',

        slices: 15, // Cantidad de cortes de dicho efecto

        boxCols: 8,

        boxRows: 4,

        animSpeed: 200, // Velocidad de la transición

        pauseTime: 3000, // Tiempo de espera para mostrar otra transicion

        startSlide: 0, // Orden de imagen a mostar cuando se carga el slider (0=index)

        directionNav: true, // Permite true/false la navegación manual, usando los arrows

        directionNavHide: true, // Muestra los arrows sólo cuando el cursor esté sobre el slider.

        controlNav: true, // 1,2,3... Permite navegar usando los bullets de la parte inferior.

        keyboardNav: true, // Usa las flechas izquierda y derecha del teclado

        pauseOnHover: true, // Detener la transición cuando el cursor esté sobre el Slide

        manualAdvance: false, // Forzar a que sea sólo manualmente la transición

        captionOpacity: 0.8, // Opacidad del caption

        prevText: 'Prev',

        nextText: 'Next',

        randomStart: false, // Inicio de una transicion al azar

        beforeChange: function(){}, // Se ejecuta o activa antes de una transición

        afterChange: function(){}, // Se ejecuta o activa despues de una transición

        slideshowEnd: function(){}, // Se ejecuta o activa despues de que todas las imagenes hallan sido mostradas

        lastSlide: function(){}, // Se ejecuta o activa despues que la última imagen ha sido mostrada

        afterLoad: function(){} // Se ejecuta o activa cuando el slider ha sido cargado

    });

});

</script>