Velocidad variable para el control deslizante horizontal del complemento jQuery Cycle

Estoy usando el complemento jQuery Cycle para crear una presentación de diapositivas muy simple.

Debajo del guión:

$(document).ready(function() {

var slideshow = $('#slider').cycle({

    fx: 'scrollHorz',
    speed: 500,
    timeout: 8000,
    prev: '#prev',
    next: '#next',
autostop: false 
    });
});

Y la parte de HTML:

<div id="slider">
<img class="slide" src="header/slider/images/FOTO_SCORRE2.jpg" alt="" />
<img class="slide" src="header/slider/images/FOTO_SCORRE3.jpg" alt="" />
<img class="slide" src="header/slider/images/FOTO_SCORRE4.jpg" alt="" />
<img class="slide" src="header/slider/images/FOTO_SCORRE5.jpg" alt="" />
</div>

Mi pregunta es: ¿cómo puedo variar la velocidad de deslizamiento durante el cambio de imagen? Me gustaría que la imagen se acelere desde una velocidad cero hasta una velocidad máxima fija, y desde la mitad de la transición se desacelere hasta cero.

¿Es posible de una manera simple?

preguntado el 03 de mayo de 12 a las 22:05

El nombre técnico de lo que está preguntando es 'Facilitación' Vea muchos ejemplos aquí jqueryui.com/demos/effect/easing.html y aquí james.padolsey.com/demos/jquery/easing. parece que el complemento Cycle tiene ganchos de relajación que puede configurar. -

exactamente lo que estaba buscando, gracias :) -

2 Respuestas

El nombre técnico de lo que está preguntando es 'Facilitación' Ver muchos ejemplos Ejemplos de facilitación de jQuery UI y Otros estilos de relajación. parece que el complemento Cycle tiene ganchos de relajación que puede configurar.

contestado el 03 de mayo de 12 a las 22:05

Gracias, tienes razón, las flexibilizaciones son compatibles con el complemento Cycle. Modifiqué el código agregando la opción:

easing: 'easeInOutExpo',

¡Fue fácil!

contestado el 10 de mayo de 12 a las 00:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.