Cómo retrasar o disparar Retrasar 3 elementos de desplazamiento de jQuery Tools

Tengo 3 jQuery herramientas de configuración de desplazamiento. Trabajan como un campeón. Lo que parece que no puedo encontrar o envolver mi cabeza es cómo hacer que “retrasen” su punto de partida inicial antes de que comiencen a desplazarse.

Lo que no quiero es que los 3 se desplacen exactamente al mismo tiempo.

Quiero que la izquierda se desplace inmediatamente en la carga. Luego, la parte central para comenzar es la primera vez que desplaza 800 milisegundos más tarde, y luego la correcta para comenzar es la primera vez que desplaza 1600 milisegundos más tarde.

Esto es lo que obtuve hasta ahora … Parece que el funcionamiento de FireDelay o simplemente Delay o InitialDelay, etc. … no funciona en absoluto.

Estoy usando jQuery Plugins de este sitio. http://www.jquerytools.org/demos/scrollable/plugins.html Se llama “Complementos de desplazamiento en acción”. Estoy usando esta Vista Independiente de ella 3 veces. http://www.jquerytools.org/demos/scrollable/plugins-navigator.htm Le di a cada uno su propia identificación para permitir que funcione.

¡Pensamientos o ideas apreciadas!

  $(document).ready(function() { // heeeeeeeeeeere we go. $("#chained1").scrollable({circular: true, mousewheel: false}).navigator().autoscroll({ fireDelay: 800, interval: 3000 }); $("#chained2").scrollable({circular: true, mousewheel: false}).navigator().autoscroll({ fireDelay: 1600, interval: 3000 }); $("#chained3").scrollable({circular: true, mousewheel: false}).navigator().autoscroll({ fireDelay: 3200, interval: 3000 }); });  

No hay ninguna propiedad fireDelay en ese complemento, pero JavaScript cuenta con las funciones setTimeout y clearTimeout que puede usar.

 $.fn.timeout = function(fn, delay){ var self = this; setTimeout(function(){ self.each(function(){ fn.call(this); }); }, delay); return this; }; 

Establezca la autoplay en false y luego llame a .play() cuando desee iniciarlo.

 $("#chained1") .scrollable({ circular: true, mousewheel: false }) .navigator() .autoscroll({ interval: 3000, autoplay: false }) .timeout(function(){ $(this).data("scrollable").play(); }, 800);​ 
    Intereting Posts