How to change slider(carousel) each item slide duration time?

  • Post
    Raju Ahammad
    Participant

    Hi,
    Beside de speed, I want that each testimonial stays a little bit longer before changing to another. How can this be done?

    Thanks

Viewing 1 replies (of 1 total)
  • Replies
    HTML Team
    Keymaster

    Hi, For these need to modify the “assets/js/active.js” file. Please go to this “assets/js” folder and open active.js with a text editor. Then find your specific slider or carousel activation class or id. Then add “pause” parameter.

    Note: You can find your activation class on your HTML file at Slider or Carousel sections.

    Example: For “.testimonial-content-landing” activation.

            // Home Landing Page Testimonial JS
            $(".testimonial-content-landing").lightSlider({
                item: 1,
                slideMargin: 0,
                loop: true,
                controls: false,
                pager: true,
                auto: true,
                speed: 400,
                pause: 2000,
                adaptiveHeight: true,
                addClass: 'portfolio-carousel-wrap'
            });

    Note: you can find any options or parameter for any carousel of Arden template here: http://sachinchoolur.github.io/lightslider/settings.html

    Thank you.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.