Adjust slider speed

Discussion in 'Local Business WordPress Theme' started by mskoberna, Feb 21, 2013.

  1. mskoberna

    mskoberna New Member

    Joined:
    Feb 4, 2013
    Messages:
    4
    Likes Received:
    0
    First I would like to thank Gourav for answering all my questions so far, great support, thank you! I am wondering how can I change the speed of the slider images?
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Go to Js > custom.js present in your theme directory and replace current code
    Code:
    //Flexslider
    //<![CDATA[
    var $j = jQuery.noConflict();
        $j("document").ready(function(){
        $j('.flexslider').flexslider();
    });
    //]]> 
    
    with

    Code:
    //Flexslider
    //<![CDATA[
    var $j = jQuery.noConflict();
        $j("document").ready(function(){
        $j('.flexslider').flexslider({
            animation: "slide",              //String: Select your animation type, "fade" or "slide"
            slideDirection: "horizontal",  //String: Select the sliding direction, "horizontal" or "vertical"
            slideshow: true,                //Boolean: Animate slider automatically
            slideshowSpeed: 4000,          //Integer: Set the speed of the slideshow cycling, in milliseconds
            animationDuration: 600,        //Integer: Set the speed of animations, in milliseconds
            directionNav: false,            //Boolean: Create navigation for previous/next navigation? (true/false)
            controlNav: false,              //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
            keyboardNav: true,              //Boolean: Allow slider navigating via keyboard left/right keys
            mousewheel: false,              //Boolean: Allow slider navigating via mousewheel
            prevText: "Previous",          //String: Set the text for the "previous" directionNav item
            nextText: "Next",              //String: Set the text for the "next" directionNav item
            pausePlay: false,              //Boolean: Create pause/play dynamic element
            pauseText: 'Pause',            //String: Set the text for the "pause" pausePlay item
            playText: 'Play',              //String: Set the text for the "play" pausePlay item
            randomize: false,              //Boolean: Randomize slide order
            slideToStart: 0,                //Integer: The slide that the slider should start on. Array notation (0 = first slide)
            animationLoop: true,            //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
            pauseOnAction: true,            //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
            pauseOnHover: true
                             
                              });
       
     
       
    });
    //]]>
    //]]> 
     

Share This Page