Ответ

Предупреждение: в данной теме не было сообщений более 120 дней.
Если не уверены, что хотите ответить, то лучше создайте новую тему.

Обратите внимание: данное сообщение не будет отображаться, пока модератор не одобрит его.

Имя:
E-mail:
Тема:
Иконка:

Вложение:
(Удалить вложение)
(Добавить ещё)
Ограничения: максимум вложений в сообщении — 4, максимальный размер всех файлов — 192 Кбайт, максимальный размер одного файла — 128 Кбайт
Обратите внимание: вложения не будут видны, пока модератор не одобрит их.
Анти-спам: выполните задание

подсказка: нажмите alt+s для отправки или alt+p для предварительного просмотра сообщения


Сообщения в этой теме

Автор: andrevech
« : Январь 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
                    }
                }
            });
        });