Задать вопрос
@MFNIK
javascript

А можно как то подключать карусель Owl Carousel, если элементов больше n?

Добрый день!
Подскажите пожалуйста, есть горизонтальное меню, очень длинные слова пунктов.
В длину вмещается только лишь при разрешении выше 1450px.
Заказчик предложил сделать что бы как карусель.
Вот реально это сделать на Owl Carousel при таких условиях:
1) Включать карусель, если элементов больше 5
2) Включать карусель, если разрешение меньше 1450px.

Если кто то сможет написать такой скрипт, готов поблагодарить!
  • Вопрос задан
  • 286 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
devilsD
@devilsD
Тут карусель будет включаться если элементов больше 5ти. Если разрешение меньше 1450 то карусель будет включаться при наличии 3х элементов, соответсвенно на экране будет отображаться тоже 3 элемента.
$('.owl-carousel').owlCarousel({
    responsiveClass:true,
    responsive:{
        0:{
            items: 3,
        },
        1450:{
            items:  5,
        }
    }
})
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
@MFNIK Автор вопроса
Не это совсем не то, что нужно.
Получается что карусель всегда включена, а нужно что бы она подключалась, если элементов больше чем ширина. Те если элементы не помещаются в контейнер в котором находятся данные элементы, то включается прокрутка.
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Изменить тему Shopify, добавить несколько категорий товаров
19 апр. 2024, в 18:11
10000 руб./за проект
Протестировать веб-сервис на Django и подготовить отчеты
19 апр. 2024, в 18:05
1000 руб./в час
Доработать проект на Django
19 апр. 2024, в 18:02
80000 руб./за проект
Ещё заказы