DualSlider

DualSlider es un plugin jQuery que nos permite tener un slider dual asociado.

Podemos iterar contenido HTML, imágenes, videos o lo que se te ocurra. Si te fijas en la imagen existen dos partes. En la izquierda está el slider de imágenes y videos y en la derecha tenemos una parte que muestra información que tras iterar la parte de la izquierda, también itera la derecha seguidamente.

Tenemos controlos de adelante, atrás, pause, reproducir.

Una llamada al plugin DualSlider podría ser la siguiente:

<script type="text/javascript">    
$(document).ready(function() {        
    $(".carousel").dualSlider({
        auto:true,
        autoDelay: 6000,
        easingCarousel: "swing",
        easingDetails: "easeOutBack",
        durationCarousel: 1000,
        durationDetails: 600
    });        
});        
</script>

Se alimenta de la siguientes fuentes CSS y jQuery:

<link rel="stylesheet" type="text/css" media="all" href="css/jquery.dualSlider.0.2.css" />
<script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="scripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="scripts/jquery.timers-1.2.js" type="text/javascript"></script>
<script src="scripts/jquery.dualSlider.0.3.min.js" type="text/javascript"></script>

Ver ejemplo, más documentación y descarga