Velocidad variable para el control deslizante horizontal del complemento jQuery Cycle
Frecuentes
Visto 998 veces
2
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?
2 Respuestas
2
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
0
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 jquery performance jquery-cycle or haz tu propia pregunta.
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. - Robert Beuligmann
exactamente lo que estaba buscando, gracias :) - fireb86