Вертикальный и Горизонтальный слайд с использованием Совы Карусель - PullRequest
Новая
       7

Вертикальный и Горизонтальный слайд с использованием Совы Карусель

0 голосов
/ 05 марта 2020

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

<-----------Vertical slide------------>
<script>
jQuery(document).ready(function() {
  var owl = jQuery('.owl-carousel');
  owl.owlCarousel({
    autoplay: true,
    items: 1,
    nav: true,
    loop: true,
    autoplayHoverPause: true,
    animateOut: 'slideOutUp',
    animateIn: 'slideInUp',
    autoplayTimeout: 5000,
    autoplayHoverPause: false,
   });

  });
  </script>

 <-----------Horizontal slide---------------------->
 <script>
 jQuery('.owl-carousel').owlCarousel({
 loop: true,
 margin: 10,
 nav: true,
 navText: [
 "<i class='fa fa-caret-left'></i>",
 "<i class='fa fa-caret-right'></i>"
 ],
autoplay: true,
autoplayHoverPause: true,
responsive: {
0: {
  items: 1
},
600: {
  items: 3
},
1000: {
  items: 5
 }
 }
})
</script>
...