Tympanus Elastislide Carrusel reproducción automática

Estoy usando el plugin jQuery responsivo para el tímpano Elastislide Carousel Responsive para mi sitio web. El plugin funciona perfectamente en mi sitio. Pero, quiero que el casusel juegue de forma automática.

Pero, no encuentro ningún código para mover el carrusel automáticamente.

El enlace del complemento Slider: http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/

El script java que estoy usando

 $( '#carousel' ).elastislide( { // orientation 'horizontal' || 'vertical' orientation : 'horizontal', // sliding speed speed : 500, // sliding easing easing : 'ease-in-out', // the minimum number of items to show. // when we resize the window, this will make sure minItems are always shown // (unless of course minItems is higher than the total number of elements) minItems : 3, // index of the current item (left most item of the carousel) start : 0, // click item callback onClick : function( el, position, evt ) { return false; }, onReady : function() { return true; }, onBeforeSlide : function() { return false; }, onAfterSlide : function() { return false; } } );  

¿Alguien puede ayudar a que el deslizador se ejecute automáticamente? Traté de reproducción automática: cierto. Pero, no funciona.

prueba la propiedad de desplazamiento,

 scroll: 1 

o

Puedes encontrar tu respuesta aquí, todo tipo de deslizador de carrusel dado

http://sorgalla.com/jcarousel/

también ver estos

http://sorgalla.com/projects/jcarousel/examples/static_auto.html

Aquí hay una respuesta modificada de una pregunta similar: Cómo modificar Elastislide para que se repita infinitamente

Esto hará que Elastislide se reproduzca automáticamente y, cuando se encuentre en la última diapositiva, volverá a la primera diapositiva.

Agregue este código al objeto $.Elastislide.defaults después del start : 0, $.Elastislide.defaults

 // autoplay true || false autoplay : true, 

Luego, tendrá la capacidad de establecer el valor de autoplay (verdadero o falso) cuando configure las opciones, como estaba tratando de hacer en el código de ejemplo anterior.

Este código debe agregarse en la función _initEvents después de var self = this;

  if(this.options.autoplay == true){ var translation = 0; // width/height of an item ( 
  • ) var itemSpace = this.options.orientation === 'horizontal' ? this.$items.outerWidth( true ) : this.$items.outerHeight( true ); // total width/height of the
      var totalSpace = this.itemsCount * itemSpace; // visible width/height var visibleSpace = this.options.orientation === 'horizontal' ? this.$carousel.width() : this.$carousel.height(); //slide auto window.setInterval(function(){ //test if we should go to next slide or return to first slide if(totalSpace > translation + visibleSpace) { //go to next slide self._slide('next'); //update translation translation += visibleSpace; } else { //return to first slide self._slideTo(0); //set translation to 0 translation = 0; } }, 7000); }

  • Tenga en cuenta que a medida que Elastislide evolucione más allá de la v1.1.0, es posible que este código no funcione en futuras versiones.

    Para http://sorgalla.com/jcarousel/

    Consulte el complemento de Autoscroll: http://sorgalla.com/jcarousel/docs/plugins/autoscroll/

     $('.jcarousel') .jcarousel({ wrap: 'circular' }) .jcarouselAutoscroll({ interval: 3000, target: '+=1', autostart: true });