WordPress.org

Ready to get started?Download WordPress

Forums

Engrave (Lite)
Change ThinkUpSlider Transition Times (3 posts)

  1. Ed Coyne
    Member
    Posted 5 months ago #

    Is there a way to increase or decrease the slider "display" and transition times?

  2. KentBarr
    Member
    Posted 4 months ago #

    It is set in in milliseconds in the javascript at

    /wp-content/themes/engrave-lite/lib/scripts/plugins/ResponsiveSlides/responsiveslides-call.js

    //----------------------------------------------------------------------------------
    // HOMEPAGE RESPONSIVE SLIDER
    //----------------------------------------------------------------------------------

    // Control ThinkUpSlider features
    jQuery(document).ready(function() {
    jQuery(".rslides-inner .slides").responsiveSlides({
    auto: true, // Boolean: Animate automatically, true or false
    speed: 500, // Integer: Speed of the transition, in milliseconds
    timeout: 8000, // Integer: Time between slide transitions, in milliseconds
    pager: true, // Boolean: Show pager, true or false
    nav: true, // Boolean: Show navigation, true or false
    random: false, // Boolean: Randomize the order of the slides, true or false
    pause: true, // Boolean: Pause on hover, true or false
    pauseControls: true, // Boolean: Pause when hovering controls, true or false
    prevText: "Previous", // String: Text for the "previous" button
    nextText: "Next", // String: Text for the "next" button
    maxwidth: "", // Integer: Max-width of the slideshow, in pixels
    navContainer: "", // Selector: Where controls should be appended to, default is after the 'ul'
    manualControls: "", // Selector: Declare custom pager navigation
    namespace: "rslides", // String: Change the default namespace used
    before: function(){}, // Function: Before callback
    after: function(){} // Function: After callback
    });
    });

  3. ThinkUpThemes
    Member
    Theme Author

    Posted 3 months ago #

    You can change the ThinkUpSlider transition times by adding some custom jQuery from the theme options panel under General Settings -> Custom jQuery. Add the following to change the transition time to 1 second. Adjust the value of the timeout (in ms) to whatever you prefer (1 second = 1000 ms):

    jQuery(window).load(function(){
    jQuery(".rslides-inner .slides").responsiveSlides({
    timeout: 1000
    });
    });

Reply

You must log in to post.

About this Theme

About this Topic