Как заставить этот слайдер автоматически играть

1

как я могу сделать этот код сценария java для автоматического воспроизведения слайдера и как добавить функцию паузы при переходе

$(function() {
  $('.owl-carousel.testimonial-carousel').owlCarousel({
    nav: true,
    navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
    dots: false,
    responsive: {
      0: {
        items: 1,
      },
      750: {
        items: 2,
      }
    }
  });
});
  • 1
    Поиск в док .
Теги:
owl-carousel
owl-carousel-2

2 ответа

1

Owl Carousel имеет два варианта, которые вы ищете, автовоспроизведение и автовоспроизведениеHoverPause.

Попробуй это:

$('.owl-carousel.testimonial-carousel').owlCarousel({
    nav: true,
    navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
    dots: false,
    autoplay: true,
    autoplayHoverPause: true,
    loop: true,
    responsive: {
      0: {
        items: 1,
      },
      750: {
        items: 2,
      }
    }
  });

Вы можете найти список всех доступных здесь вариантов: https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html

  • 0
    Спасибо попробую
0

Если вы используете этот плагин https://owlcarousel2.github.io, добавьте свойство autoplay: true для автовоспроизведения.

Для паузы на "mouseover" добавьте свойство autoplayHoverPause: true:

$(function() {
  $('.owl-carousel.testimonial-carousel').owlCarousel({
    nav: true,
    navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
    dots: false,
    autoplay: true,
    autoplayHoverPause: true,
    responsive: {
      0: {
        items: 1,
      },
      750: {
        items: 2,
      }
    }
  });
});
  • 0
    Спасибо попробую
  • 1
    Параметр зацикливания не будет автоматически воспроизводить слайдер, вам нужно установить для параметра autoplay значение true.
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню