2010-03-14 22 views
9

Estoy utilizando jcarousel para desplazar automáticamente algunas imágenes. Me gustaría saber cómo hacer que se desplacen en un desplazamiento fluido sin pausas ni paradas.Jquery, Jcarousel desplazamiento suave infinito

Actualmente hay una pausa y luego se desplaza de nuevo. Si no me aclaro, pregúntaselo y trataré de explicarlo un poco mejor.

Este es el código:

jQuery(document).ready(function() { 
    jQuery('#mycarousel').jcarousel({ 
     auto: 1, 
     wrap: 'last', 
     vertical: true, 
     animation: 5000 

    }); 
+0

Mi plugin de jQuery, simplyScroll debe lograr lo que quiere http://logicbox.net/jquery/simplyscroll/ – Logicbox

Respuesta

7

tratar

auto: .01 

lo tienes listo para el desplazamiento automático cada 1 segundo. No creo que sea posible un desplazamiento fluido, pero debería ser casi igual.

+0

Gracias por eso. Decide hacerlo de una manera fácil y usa la función animada jquery. – nharry

+0

Esto funcionó para mí además de establecer la velocidad de la animación a un valor más alto (que el predeterminado). De esta manera: 'animación: 5000, auto: 0.01' – racl101

2

Para mí que se desplaza "más suave" cuando se usa en lugar de aliviar lineal swing.

auto: .01, 
easing: 'linear' 
+0

' jQuery (document) ready (function() { jQuery ('# mycarousel') jCarousel ({ automático:. 0,1, de desplazamiento: 10, envoltura: 'circular', animación: 10000, facilitación: 'lineal' }); }); '- la relajación hizo toda la diferencia – TomDunning

1
  • jquery.jcarousel.min.js Abiertas
  • embellecer el script utilizando http://jsbeautifier.org
  • buscar y reemplazar "this.options.auto * 1E3" con "0" (cero)

Algo como:

function mycarousel_initCallback(carousel){ 
    // Pause autoscrolling if the user moves with the cursor over the clip. 

    carousel.clip.hover(function() { 
     carousel.stopAuto(); 
    }, function() { 
     carousel.startAuto(); 
    }); 
}; 

jQuery(document).ready(function() { 

    jQuery('#mycarousel').jcarousel({ 
     auto: 1, 
     animation:2000, 
     easing: 'linear', 
     wrap: 'circular', 
     scroll:1, 
     buttonNextHTML: null, 
     buttonPrevHTML: null, 
     initCallback: mycarousel_initCallback 
    }); 
}); 

eso es todo. :)

5

Esta pregunta es tan vieja como la suciedad, pero pensé que daría la solución actualizada.

$('.jcarousel').jcarousel({ 
    wrap: 'circular', 
    animation: { 
     duration: 3000, 
     easing: 'linear', 
    } 
    }); 
    $('.jcarousel').jcarouselAutoscroll({ 
     interval: 0 
    }); 
+1

La mejor respuesta de todas. – egr103

+0

Esto funcionó para mí. – Kirtan

+0

Funciona para mí también, pero ¿qué sucede si quiero saltar directamente a una imagen sin la transición? Su solución realmente "desactiva" la función de paginación ... – Flaudre

Cuestiones relacionadas