Вопросы с меткой [owl-carousel]
Owl Carousel — jQuery плагин для создания отзывчивого слайдера («карусели»).
144
вопроса
0
голосов
1ответ
10 показов
Как сделать активный центральный слайд в Owl Carousel 2 большего размера, чем остальные
На сайте есть некоторая Owl Carousel 2.
HTML:
<div class="owl-carousel owl-theme">
<div><img src="images/full_pic_1.png" alt="picture"/></div>...
0
голосов
0ответов
5 показов
owl caruosel responsive не срабатывает на мобильных устройствах
// Owl Carousel
var owl = $(".owl-carousel");
owl.owlCarousel({
margin: 10,
loop: true,
nav: false,
responsiveClass:true,
responsive:{
0:{
items:...
0
голосов
0ответов
11 показов
Как реализовать 3D слайдер на Owl-carousel 2?
Хочу сделать вот такой слайдер на Owl-carousel, но не зная как это реализовать, нашел вот такой пример https://codepen.io/Webevasion/pen/EPMGQe
Но проблема в том, что код из данного примера у меня ...
0
голосов
1ответ
24 показа
Уменьшить количество точек (owl-dots) в карусели Owl-Carousel
Столкнулся с такой необходимостью, когда нужно, чтобы количество отображаемых точек (owl-dots) под слайдером была меньше, чем количество слайдов в карусели. Например, слайдов у меня 8, но нужно, чтобы ...
0
голосов
0ответов
9 показов
Как в Owl-carousel вернуть ширину блока owl-item по-умолчанию?
Я задал ширину owl-item равную width: calc(100%/3), чтобы блоки смотрелись, как в макете. В медиа запросе @media (max-width: 1200px) прописал width: calc(100%/2), но столкнулся с проблемой, что при ...
0
голосов
0ответов
6 показов
Почему owl-carousel не выводит слайд по одиночке?
При ширине экрана до 999px owl-carousel выводит мне блоки в столбик, ая в настройках задал, чтобы отображалось по 3 item-а. В чем проблема?
сайт http://norum1991.beget.tech/
код jsfiddle.net/x3p26adh/
...
0
голосов
0ответов
8 показов
Как в Owl-carousel выставить несколько блоков для слайда?
Нужно, чтобы получилось так
а получается вот так
Вероятно, все из-за того, что блоку .paint-block задана width: calc(100%/3), но если ее убрать, то блок просто разъедется. Как выставить так, чтобы ...
1
голос
1ответ
32 показа
Почему в слайдере owl-carousel вылазит кусок другой картинки?
При первоначальном запуске сайта, в слайдере немного показывается часть другой картинки, но когда я захожу в меню отладки и обратно, то этот глюк пропадает. Данный блок называется stucco-gal
сам сайт ...
0
голосов
1ответ
52 показа
Как поместить картинку в блок, чтобы она не обрезалась?
Есть блок stucco-gal, который занимает 50% ширины экрана. Внутри этого блока находится блок owl-carousel, в котором располагаются блоки-слайдеры с фотографиями. Каждый блок-слайдер представляет собой ...
0
голосов
0ответов
26 показов
Реализация слайдера на Wordpress
Всем привет, у меня вопрос, какие идеи по реализации Слайдер на Wordpress существуют.
Заказчик попросил реализовать слайдер на главной странице.
На сайте используется всего 2 плагина:
WP Multilang
...
1
голос
0ответов
10 показов
Количество слайдов OwlCarousel 2
Столкнулся со следующей проблемой: в слайдере OwlCarousel 2 при разрешении 1920 на 1080 пикселей не отображается необходимое количество слайдов, а именно 4, то есть 3 слайда отображаются полностью, а ...
0
голосов
0ответов
20 показов
Как сделать так чтобы картинка адаптивно занимала все пространство блока?
В секции stucco-section есть два блока. В блоке gallery stucco-gall располагается блок owl-carousel и он занимает 50% ширины экрана, в котором слайдятся фотки. Второй блок stucco-gal-info, в котором ...
0
голосов
1ответ
14 показов
JS. Owl-carousel. Как отследить что дальше нет слайдов?
Некоторая моя логика завязана на
function callback(event) {
if (event.relatedTarget['_drag']['direction'] === "left")
{
curPage++;
}
else
{
curPage--;
...
1
голос
1ответ
25 показов
Чем открыть файл owl?
Мне отправили файл с кодом расширения .owl
У отправителя нет возможности спросить, ничего лучше не придумал, чем спросить здесь...
Так вот, какой программой открыть и запустить код в файле с ...
0
голосов
0ответов
10 показов
owl carousel выводит не те картинки
Возникла непонятная проблема пи выводе изображений большого размера слайдером owl carousel на движке CS CART
Вот пример: https://hopshop.uz/zdorove/bady/sistema-ochischenie/
Если выбирать пиктограммы ...
0
голосов
0ответов
20 показов
Почему проваливается картинка при задании в vh и %?
Почему, когда я у .img задаю width: 100vh, тумбочка проваливается в изображении?
А когда в процентах - width: 100% - то все нормально?
Но, если оставить в процентах, то тогда картинка обрезается на ...
1
голос
0ответов
66 показов
Блок с текстом и кнопками навигации поверх слайда в owl-carousel
Снизу был неясный отступ, но потом выяснилось, что это .owl-nav (зеленый) и .owl-dots (красный) (я специально для видимости пометил их цветами).
Так же не ясно, как вывести текст с кнопкой поверх ...
0
голосов
0ответов
56 показов
Не работает синхронизация двух слайдеров OWL Carousel, если число слайдов не кратно числу слайдов во второй карусели
Некорректно работает синхронизация двух слайдеров на OWL Carousel, если число слайдов не кратно числу слайдов во второй карусели.
Количество слайдов во второй карусели всегда кратно 5. И когда ...
0
голосов
0ответов
4 показа
Не получается написать запрос “Вывести музыкантов, родившихся в 1956 году. Используя FILTER”
Музыкальный артист имеет тип MusicalArtist
Музыкальный артист – объект http://dbpedia.org/ontology/
Место рождения birthDate – это свойство http://dbpedia.org/ontology/
Дата рождения – ...
0
голосов
1ответ
39 показов
Как отследить события в Owl Carousel
Я хочу повесить событие следующего типа, когда меняется активный Item то из Активного брать текст и помещать в блок
Вот мой код
$('#section_home_carousel').on('changed.owl.carousel', function(event) {
...
1
голос
1ответ
37 показов
Owl Carousel 2 - слайдер не реагирует на переключение
Установил слайдер от owl на laravel 7.
Подключил все скачав source файлы.
На сайте сейчас добавлено три слайда, над самим слайдером выводятся кнопки-переключашки с именами каждого слайда
Добавил код ...
0
голосов
0ответов
7 показов
Хочу сделать слайдер в которой будет лишь записи определенной категории
Но при изменении параметра new WP_Query с ('showpost=4') на ('showpost=4&cat=4') у слайдера исчезают кнопки навигации.
<div class="product-relevant__wrapper owl-carousel owl-carousel-...
0
голосов
0ответов
16 показов
Некорректное отображение изображений в owl carousel
Я инициализировал и настроил owl carousel, с этим проблем не возникло. Суть в том что иконки и некоторый текст добавляются в карточки через скрипт. В карусели три карточки и в каждой карточке иконки ...
0
голосов
0ответов
13 показов
owlCarousel2, некорректная работа с autoWidth
Есть каруселька, используется owlCarousel2 с autoWidth. Плагин некорректно отрабатывает - при начальном ините какая-то непонятное центрирование, клик по кнопкам навигации работает неправильно. При ...
0
голосов
0ответов
8 показов
Как, используя плагин OwlCarousel 2, редактировать положение навигации второго слайдера на странице?
На странице два слайдера OwlCaousel 2.Я могу спокойно редактировать положение навигации одного слайдера через обращение к .owl-nav в css, но когда приходится менять положение навигации второго ...
0
голосов
1ответ
64 показа
owl carousel один элемент
Нужна помощь по шаблону OneTech https://htmlcode.ru/themes/template/424-Onetech.html
В нем имеется карусель Owl Carousel версии 2. Как в цикле foreach вывести элементы, чтобы они не клонировались если ...
0
голосов
0ответов
19 показов
Рандомный показ слайда Owl Carousel 2
Делаю слайдер с помощью Owl Carousel 2.Как сделать что бы слайды показывались не по порядку, а рандомно?
0
голосов
1ответ
36 показов
Библиотека owlcarousel2 прокрутка колесика [закрыт]
Есть ли параметры, которые отвечают за прокрутку колесика мыши? Иначе он крутиться только в одну сторону справа налево.
0
голосов
1ответ
56 показов
Настройка autoWidth в owl carousel 2 не отрабатывает на iphone - как исправить?
Есть owl carousel 2 c такими настройками
$(document).ready(function () {
$(".marathon").owlCarousel({
margin:15,
//autoWidth: true,
lazyLoad:true,
pagination: false,
...
0
голосов
1ответ
24 показа
Проблема с навигационными кнопками Owl Carousel 2
На странице есть два экземпляра OwlCarousel (сделано через tabs вкладки), проблема заключается в том, что Owl создает два экземпляра навигационных кнопок (хотя вызов OwlCarousel в JS файле происходит ...
0
голосов
1ответ
195 показов
Modx revo слайдер на owl-carousel в два ряда
Есть верстка слайдера такого вида:
<div class="owl-carousel brand-slider">
<a href="#" class="brands__link"><img src="img/miele.png" alt=""></a>
<a href="#" ...
2
голоса
2ответа
132 показа
Позиционирование кнопок управления слайдером слева и справа от пагинации
Как расположить стрелки управления слайдером слева и справа от пагинации?
Не пойму, как лучше сделать позиционирование кнопок навигации.
0
голосов
1ответ
144 показа
owlcarousel2 event.item.index - неправильно подсчитывает при включении loop
Всем привет, нужна ваша помощь !
У меня event.item.index некорректно подсчитывает при включении loop: true где я мог допустить ошибку !?
Подскажите пожалуйста !
$(document).ready(function() {
...
1
голос
0ответов
102 показа
Можно ли сделать так, чтобы owl-carousel не менял высоту слайдов во время прокручивания при display: none у родителя?
Есть такой код:
https://jsfiddle.net/gfy6w508/
HTML:
<a href="#" class="click-to-me">click to me</a>
<div class="wrapper">
<div class="owl-carousel owl-theme">
&...
0
голосов
0ответов
124 показа
Слайдер с отступом
Помогите пожалуйста как сделать слайдер который имеет отступ с одной стороны, при прокрутке первого элемента слайдер уходит на ширину экрана? ( картинку прилагаю)
0
голосов
0ответов
236 показов
Не работает pagination Owl Carousel
Не работают кнопки owl-prev owl-next owl-dots. У меня подключён jQuery 2.1.1.min.js . Не листают. Без понятия в чём причина,хотя по документации всё верно сделал(
<!DOCTYPE html>
<html lang="...
1
голос
1ответ
145 показов
Не инициализируется первоначальное состояние owl carousel - ошибка TypeError: el.find is not a function
Есть новостной слайдер скомпонованный из двух взаимодействующих owl-carousel, который работает по переключению как стрелок, так и по названиям пунктов меню в правом блоке.
Есть 2 бага:
1 - не ...
0
голосов
1ответ
49 показов
Как в owl-carousel сделать счетчик слайдеров и добавить класс для item?
Счетчик начинает считать слайдеры с 0 , как можно сделать подсчет с 1 слайдера ?
$(function(){
var owl = $('.Contentslider .owl-carousel');
owl.owlCarousel({
loop:true,
autoplay: ...
0
голосов
0ответов
53 показа
owl carousel тормозит в safari
На главной странице https://nikaestate.ru/ есть карусель изображений. При свайпах на ios в safari происходит подтормаживание.
Сталкивался кто-нибудь с подобным?
-1
голос
2ответа
80 показов
homeslider.owlCarousel is not a function
Добрый день дорогие друзья ,проблема заключается в том что при использовании OwlCarousel в wordpress-е вот такая ошибка:
Uncaught TypeError: homeslider.owlCarousel is not a function
at (index):449
at ...
5
голосов
1ответ
246 показов
OwlCarousel2. Центрирование thumbnails по клику при loop: true
Есть две owl-карусельки: превьюшная и основная. Они синхронизированы. Обе карусели имеют loop: true. Не получается заставить превьюшный слайдер центрировать owl-item-s по клику на них. Что я делаю не ...
0
голосов
2ответа
47 показов
Как объединить 2 блока row в один слайдер owl carousel?
Имеется два блока .row, в них по 4 блока .vm-col-4. Необходимо чтобы при маленьком разрешении экрана эти два блока объединялись в один слайдер на owl carousel.
Использовать нужно только owl carousel.
0
голосов
0ответов
144 показа
Как открыть нужный слайд в owl-carousel2 по клику?
При клике по ссылке мне нужно открыть в модальном окне (на materialize-css) определенный слайд. Пытаюсь сделать как здесь, но открывается все равно первый слайд. Вот код:
<!-- OWL-Carousel --&...
0
голосов
1ответ
38 показов
Как программно создавать id для элемента?
У меня есть цикл, который выводит слайды (библиотека owl-carousel2) с информацией по врачам. И для каждого слайда (класс doctors_slider__item) мне надо создать уникальный ID для элемента, чтобы потом ...
0
голосов
1ответ
57 показов
Создание слайдера с навигацией на OWL
Вот HTML
<div class="big_slider owl-carousel">
<div class="slide">
<div class="img_box" style="background-image: url(img/image_03.jpg);"></div>
</div>...
1
голос
1ответ
485 показов
Проблема с адаптивностью owl carousel - не растягивается слайды на всю ширину блока
Есть сайт, где в разделе услуги открываются модальные окна с owl carousel.
На разрешениях экранов ниже 1200 есть проблемы с адаптивностью: items почему-то не хотят растягиваться на ширину ...
0
голосов
1ответ
42 показа
Объединение MixItUp и Owl-carousel
Я пытаюсь заставить owl-carousel и MixItUp работать вместе
Пока это работает, но owl добавляет дополнительный div class = "owl-carousel", и я хотел бы добавить дополнительный класс, чтобы иметь ...
0
голосов
0ответов
22 показа
Баннер с эффектом перелистывания мышкой
Кто может помочь, хочу на сайт добавить баннер как на этом сайте - https://yavir2000.com/ Вижу что используется OWL-carusel но в стандартных решениях не вижу подобного эффекта. Кто сталкивался, есть ...
0
голосов
2ответа
250 показов
Размытый текст в салайдере owl-carousel
На некоторых разрешениях(возможно нет) в Chrome текст на слайдере размытый текст.
На ноутбуке первый слайдер текст нормальный, другие размытые. Очень хорошо заметна разница с Mozilla. Открываем сайт в ...
1
голос
0ответов
44 показа
Реализовать карусель [закрыт]
Необходимо реализовать карусель подобным образом. Может у кого-то есть уже готовый пример.
Спасибо