How do I speed up slide speed of my owl carousel?

Question

I'm editing a website that someone else created, it is using an Owl Carousel (Not sure which version) and I have found the part of the code that allows one to customize the carousel. I want to change the duration of time that the slide displays before it changes.

Current Code:

jQuery(document).ready(function($){
    $(".homepage-slides").owlCarousel({
        items: 1,
        nav: true,
        dots: true,
        autoplay: true,
        loop: true,
        navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
        mouseDrag: true,
        touchDrag: false,
    });

The code does work, if I change the settings they do apply. But when I add slideSpeed : 8000, nothing changes, the slides are still too fast.

I have also tried other options such as autoplaySpeed:8000, but to no avail.

Answer 1

First Of all you to make you clear please do some research before putting a question to Stack Overflow, It is good to ask questions from seniors but what you have to do is to have some research for your problem. Asking questions of existing solutions can give negative points.

As far as you the solution to your problem try to put following to your code

Query(document).ready(function($){
$(".homepage-slides").owlCarousel({
    items: 1,
    nav: true,
    dots: true,
    autoplay: true,
    loop: true,
autoplay:true,
    autoplayTimeout:8000 
    navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
    mouseDrag: true,
    touchDrag: false,
});