FULLSCREEN SLIT SLIDER AUTOPLAY

user2021917 picture user2021917 · Dec 26, 2013 · Viewed 8.6k times · Source

I am using this slider. Everything working well but having problem in autoplay. When I click on navigation arrow on slider or on Nav dot on bottom. After that autoplay not working.

This is the link CLICK HERE

Auto play function not there, you have to download it and make autoplay : true in Js.

Js Name : jquery.slitslider.js

$.Slitslider.defaults = {
    // transitions speed
    speed : 800,
    // if true the item's slices will also animate the opacity value
    optOpacity : false,
    // amount (%) to translate both slices - adjust as necessary
    translateFactor : 230,
    // maximum possible angle
    maxAngle : 25,
    // maximum possible scale
    maxScale : 2,
    // slideshow on / off
    autoplay : true,
    // keyboard navigation
    keyboard : true,
    // time between transitions
    interval : 6000,
    // callbacks
    onBeforeChange : function( slide, idx ) {
        return false;
    },
    onAfterChange : function( slide, idx ) {
        return false;
    }
};

Answer

Sridhar R picture Sridhar R · Dec 26, 2013

Because the script contains code like that whenever you pressed the function stop the slideshow

switch (keyCode) {

                case arrow.left :

                    self._stopSlideshow(); //this line stops autoplay
                    self._navigate( 'prev' );
                    break;

                case arrow.right :

                    self._stopSlideshow();
                    self._navigate( 'next' );
                    break;

            }