Home Forums Za HTML Theme Owl carousel slide speed

This topic contains 3 replies, has 2 voices, and was last updated by  SeaTheme 3 years, 9 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #9852

    Andre
    Participant

    Hi,
    How can i change the speed of the owl-carousel? I want the images to stay longer.
    And its possible to change the effect (between images)?

    thanks

    #9855

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi,

    1) The owl-carousel function is called by the jQuery codes element.owlCarousel({...}), like:

    _carousel.owlCarousel({
        margin: _margin,
        loop: _loop,
        autoWidth:_autoW,
        center: _center,
        animateIn: _animateIn,
        animateOut: _animateOut,
        ...
        autoplay: _auto,
        autoplayTimeout:5000,
        responsiveClass:true,
        navText:["",""],
        slideBy:_slideby,
        dots:_showdot, 
        nav:_shownav,
        ...
    });

    You will find the codes in js/custom.theme.js:

    Owl carousel slide speed

    You would see the 2 options:

    autoplay:true,
    autoplayTimeout: 5000,

    The autoplayTimeout option is for transitions, the 5000 means 5 seconds; If you want to increase as 9 seconds, change 5000 as 9000.

    The autoplay should be true.

    2) To hide the navigation dot, set the dots option as:
    dots: false,

    PS:
    There is a user-friendly Owl Carousel slider editor in the SEA WordPress theme

    Owl carousel Slider in SEA Creative Multi-Purpose WordPress Theme

    Regards!
    Bwsm – Professional WordPress Theme Studio
    uiueux.com

    • This reply was modified 3 years, 9 months ago by  SeaTheme.
    #9868

    Andre
    Participant

    Hi,
    my main.js is not like the one you shown in the image.

    #9882

    SeaTheme
    Keymaster
    Purchased
    Supported

    Sorry, it should be custom.theme.js, not main.js

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!