Owl Carousel

  • 0 Ответов
  • 558 Просмотров
Owl Carousel
« : Январь 27, 2017, 07:57:29 am »
Отличная карусель для сайта. newbielink:https://owlcarousel2.github.io/OwlCarousel2/ [nonactive]
Использовал и для слайдера и для магазина и для новостей. Очень много настроек, пока подходило под все требования. Еще одно достоинство, это озывчивость к изменению экрана, сейчас это очень актуально.

Но столкнулся с небольшой проблемой. Нужно было разместить несколько слайдеров на одной странице.
Первый раз получилось само собой, а в дальнейшем решилось не с первого раза.

Как разместить много слайдеров Owl Carousel на одной странице?
Очень просто.

Добавляем класс owl2.
например <div class="row owl2 owl-carousel">

и соответсвенно в скрипте

$(document).ready(function () {
            var owl = $('.owl2.owl-carousel');
            owl.owlCarousel({
                margin: 10,
                nav: true,
                loop: true,
                responsive: {
                    0: {
                        items: 2
                    },
                    600: {
                        items: 6
                    },
                    1000: {
                        items: 8
                    }
                }
            });
        });

« Последнее редактирование: Январь 27, 2017, 08:10:51 am от andrevech »