Вопросы с меткой [owl-carousel]
Owl Carousel — jQuery плагин для создания отзывчивого слайдера («карусели»).
155
вопросов
0
голосов
0
ответов
19
показов
Отслеживать дата-атрибут элемента OwlCarousel, на основе его значения менять класс другого элемента
у меня есть слайдер OwlCarousel, нужно отслеживать значение дата-атрибута элемента слайдера div.slider__item и присваивать на основе значения дата-атрибута - класс другому элементу (к div....
0
голосов
1
ответ
22
показа
задать owl-dots отдельному блоку
Нужно задать owl-dots отдельному диву
<div class="catalog-burgers owl-carousel owl-theme">
<div class="burger-block">
<img src="...
0
голосов
0
ответов
14
показов
Как адаптировать Waypoints Infinite Scroll и Owl Carousel. У кого есть опыт в этом?
Создаю каталог страниц. Для этого используется owl carousel с горизонтальной каруселью (каталогом) и Waypoints Infinite Scroll. Проблема в том, что Owl не поддерживает динамические страницы каталога ...
0
голосов
0
ответов
83
показа
Как исправить размытие картинки в owl-carousel на Тильда?
Работаю на тильде, искала слайдеры, нашла с таким кодом. Разбираюсь в коде не так сильно.
В разметке сделала так: просто запихала в зеро блок картинки в хорошем качестве, хорошего размера и через html ...
0
голосов
0
ответов
27
показов
Слайдер задерживает загрузку страницы
Я разработал сайт с большим количеством слайдеров owlCarousel.
Заметил, что в процессе загрузки главной страницы, слайдер в третьем секшене задерживает показ остального контента.
www.instale.co.il
...
0
голосов
0
ответов
52
показа
Вертикальная обрезка блока owl carousel
Проблема в вертикальном обрезании блока внутри класса owl-carousel, из-за этого не видно box-shadow, да и вообще блок странно себя ведёт.
Использую в связке с bootstrap 5
На изображении, выше ...
0
голосов
1
ответ
49
показов
Как сделать последний слайд OWL или Slick другой шириной?
подскажите каким образом можно задать что бы последний слайд всегда был больше по ширине, owl или slick использовал, но везде есть только отцетровка, так же отлавливал последний активный слайд и ...
2
голоса
1
ответ
55
показов
Неработающий слайдер owl carousel 2
См. Вывод картинок анонсов инфоблоков в слайдере. После внесения изменений, предложенных u_mulder и ВикторКарев, а также собственных изменений, получил следующий вывод
Подскажите как добиться вывода ...
3
голоса
1
ответ
202
показа
Посадка на Bitrix owl слайдера. Создание инфоблока
Создал тип инфоблока - Слайдер на битриксе и сам инфоблок - слайдер, который включает в себя фоновое изображение слайда (картинка анонса инфоблока слайдер), имя слайда, фотографию автора слайда (...
1
голос
0
ответов
10
показов
Путь к подключаемым файлам из owl carousel 2
Скачал Owl Carousel . На Инcтрукция по использования Owl Carousel написано, что нужно подключать файлы owl.carousel.css и owl.theme.default.css. Из какой папки скачанного архива с Owl Carousel нужно ...
2
голоса
0
ответов
42
показа
Значение dots в owl carousel
Скачал шаблон сайта с W3layouts templates
Есть слайдер, сделанный с помощью owl carousel.
Каким образом можно сделать dots для owl-carousel в виде прямоугольника (как на скриншоте)?
0
голосов
0
ответов
102
показа
Создать бесконечную карусель Owl Carousel, расположение файлов в JS в WordPress
Есть страница на WordPress с каруселью на главной странице. Нужно сделать бесконечную карусель, когда прокрутка дойдет до конца, в следующем свайпе будет снова первый элемент. Пробовала менять ...
0
голосов
1
ответ
112
показов
Как у потомка убрать внешние отступы родителя?
Есть слайдер .gallery-slider сделанный с помощью owl-carousel. Этот слайдер заключен в блоке-обертке .wrapper c соответствующими отступами, но для того, чтобы мне добиться результата, как в макете, ...
0
голосов
2
ответа
34
показа
(OwlCarousel) Точки скрыты [закрыт]
Проблема заключается в том, что на сайте почему-то точки под слайдом не работают, хотя в коде они активированы. Самое интересное, что точки на странице существуют, но подписаны под классом owl-dots ...
0
голосов
1
ответ
427
показов
Настройка анимации (animateOut: animateIn:) при нажатии кнопок Owl Carousel 2
Всем хай:) Сегодня решил попробовать Owl Carousel. Он мне приглянулся из-за того, что при перелистывании слайдеров, можно подключать свою анимацию. Но возникли проблемы динамического изменения ...
0
голосов
0
ответов
39
показов
vue-owl-carousel2 не работает responsive
Имеется код:
<template>
<slider class='slider'
:items='8'
:responsive='{0:{items:1}, 600:{items:3}}'
>
<div class='slider__image' v-for='(image, index) in images' :key='...
0
голосов
1
ответ
1k
показов
Как сделать плавное появление текста внутри блока?
Как сделать так, чтобы текст внутри оранжевого блока с белой стрелкой плавно появлялся текст и при этом стрелка в состоянии покоя находилась в центре блока, а когда появляется текст плавно смещалась ...
0
голосов
1
ответ
121
показ
Как сделать блок одиинаковой высоты с другими блоками?
Я использую owl-carousel и мне нужно сделать так, чтобы все owl-item были одинаковый высоты, но один из блоков не поддается. Как прировнять его к высоты всех блоков, но чтобы он не опускался ниже ...
1
голос
1
ответ
467
показов
Owl carousel не работает
не могу подключить две разные карусели.Первый подключается как надо и работает нормально, но когда хочу подключить второй карусель параметры берет из первого,когда меняю класс все разрушается.как ...
0
голосов
1
ответ
23
показа
Как подвинуть стрелку в owl-carousel?
Хочу выровнять стрелку навигации, но не получается к ней обратиться. Пишет, что в owl-next стрелка именуется элементом #text, но при обращении к этому элементу не происходит ничего. Как это исправить?
...
0
голосов
1
ответ
54
показа
Как задать z-index элементу в Owl-carousel?
Хочу изменить z-index стрелок, чтобы при наведении они выходили вперед на фоне градиента, но не могу понять как это сделать. В .owl-prev и .owl-next стрелка обозначена элементом с id='text', но при ...
-1
голос
1
ответ
18
показов
Как найти, из какого файла индексируется owl-carousel?
На сайт выводится owl-carousel, её нужно править, а найти где она не получается. Пользуюсь phpStorm, с сайтом работаю через ftp сервер.
1
голос
1
ответ
311
показов
Не работает owl-carousel при натягивании на wordpress
Сверстал сайт с каруселью owl-carousel. На оригинальном файле html всё работает более чем, но при переносе на wordpress карусели просто нет. Подключил все нужные css и script через function.php, но ...
1
голос
0
ответов
49
показов
Почему картинки в блоке с owl-carousel отображаются неверно?
Как сделать так, чтобы картинки в блоке в галереей отображались по одной и при этом не растягивались? У меня они почему-то показываются все. Пробовал задавать owl-item=100%, но это не помогает.
PS ...
0
голосов
1
ответ
502
показа
Как сделать активный центральный слайд в 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
голосов
2
ответа
646
показов
Уменьшить количество точек (owl-dots) в карусели Owl-Carousel
Столкнулся с такой необходимостью, когда нужно, чтобы количество отображаемых точек (owl-dots) под слайдером была меньше, чем количество слайдов в карусели. Например, слайдов у меня 8, но нужно, чтобы ...
1
голос
1
ответ
147
показов
Почему в слайдере owl-carousel вылазит кусок другой картинки?
При первоначальном запуске сайта, в слайдере немного показывается часть другой картинки, но когда я захожу в меню отладки и обратно, то этот глюк пропадает. Данный блок называется stucco-gal
сам сайт ...
0
голосов
1
ответ
1k
показов
Как поместить картинку в блок, чтобы она не обрезалась?
Есть блок stucco-gal, который занимает 50% ширины экрана. Внутри этого блока находится блок owl-carousel, в котором располагаются блоки-слайдеры с фотографиями. Каждый блок-слайдер представляет собой ...
0
голосов
0
ответов
64
показа
Реализация слайдера на Wordpress
Всем привет, у меня вопрос, какие идеи по реализации Слайдер на Wordpress существуют.
Заказчик попросил реализовать слайдер на главной странице.
На сайте используется всего 2 плагина:
WP Multilang
...
1
голос
0
ответов
38
показов
Количество слайдов OwlCarousel 2
Столкнулся со следующей проблемой: в слайдере OwlCarousel 2 при разрешении 1920 на 1080 пикселей не отображается необходимое количество слайдов, а именно 4, то есть 3 слайда отображаются полностью, а ...
0
голосов
1
ответ
22
показа
JS. Owl-carousel. Как отследить что дальше нет слайдов?
Некоторая моя логика завязана на
function callback(event) {
if (event.relatedTarget['_drag']['direction'] === "left")
{
curPage++;
}
else
{
curPage--;
...
1
голос
1
ответ
46
показов
Чем открыть файл owl?
Мне отправили файл с кодом расширения .owl
У отправителя нет возможности спросить, ничего лучше не придумал, чем спросить здесь...
Так вот, какой программой открыть и запустить код в файле с ...
0
голосов
0
ответов
33
показа
Почему проваливается картинка при задании в vh и %?
Почему, когда я у .img задаю width: 100vh, тумбочка проваливается в изображении?
А когда в процентах - width: 100% - то все нормально?
Но, если оставить в процентах, то тогда картинка обрезается на ...
1
голос
0
ответов
361
показ
Блок с текстом и кнопками навигации поверх слайда в owl-carousel
Снизу был неясный отступ, но потом выяснилось, что это .owl-nav (зеленый) и .owl-dots (красный) (я специально для видимости пометил их цветами).
Так же не ясно, как вывести текст с кнопкой поверх ...
0
голосов
0
ответов
200
показов
Не работает синхронизация двух слайдеров OWL Carousel, если число слайдов не кратно числу слайдов во второй карусели
Некорректно работает синхронизация двух слайдеров на OWL Carousel, если число слайдов не кратно числу слайдов во второй карусели.
Количество слайдов во второй карусели всегда кратно 5. И когда ...
0
голосов
1
ответ
370
показов
Как отследить события в Owl Carousel
Я хочу повесить событие следующего типа, когда меняется активный Item то из Активного брать текст и помещать в блок
Вот мой код
$('#section_home_carousel').on('changed.owl.carousel', function(event) {
...
1
голос
1
ответ
65
показов
Owl Carousel 2 - слайдер не реагирует на переключение
Установил слайдер от owl на laravel 7.
Подключил все скачав source файлы.
На сайте сейчас добавлено три слайда, над самим слайдером выводятся кнопки-переключашки с именами каждого слайда
Добавил код ...
0
голосов
1
ответ
262
показа
owl carousel один элемент
Нужна помощь по шаблону OneTech https://htmlcode.ru/themes/template/424-Onetech.html
В нем имеется карусель Owl Carousel версии 2. Как в цикле foreach вывести элементы, чтобы они не клонировались если ...
0
голосов
1
ответ
66
показов
Библиотека owlcarousel2 прокрутка колесика [закрыт]
Есть ли параметры, которые отвечают за прокрутку колесика мыши? Иначе он крутиться только в одну сторону справа налево.
0
голосов
1
ответ
152
показа
Настройка autoWidth в owl carousel 2 не отрабатывает на iphone - как исправить?
Есть owl carousel 2 c такими настройками
$(document).ready(function () {
$(".marathon").owlCarousel({
margin:15,
//autoWidth: true,
lazyLoad:true,
pagination: false,
...
0
голосов
1
ответ
138
показов
Проблема с навигационными кнопками Owl Carousel 2
На странице есть два экземпляра OwlCarousel (сделано через tabs вкладки), проблема заключается в том, что Owl создает два экземпляра навигационных кнопок (хотя вызов OwlCarousel в JS файле происходит ...
0
голосов
1
ответ
391
показ
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
ответа
407
показов
Позиционирование кнопок управления слайдером слева и справа от пагинации
Как расположить стрелки управления слайдером слева и справа от пагинации?
Не пойму, как лучше сделать позиционирование кнопок навигации.
1
голос
1
ответ
299
показов
owlcarousel2 event.item.index - неправильно подсчитывает при включении loop
Всем привет, нужна ваша помощь !
У меня event.item.index некорректно подсчитывает при включении loop: true где я мог допустить ошибку !?
Подскажите пожалуйста !
$(document).ready(function() {
...
1
голос
0
ответов
217
показов
Можно ли сделать так, чтобы 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
ответов
425
показов
Слайдер с отступом
Помогите пожалуйста как сделать слайдер который имеет отступ с одной стороны, при прокрутке первого элемента слайдер уходит на ширину экрана? ( картинку прилагаю)
0
голосов
0
ответов
320
показов
Не работает pagination Owl Carousel
Не работают кнопки owl-prev owl-next owl-dots. У меня подключён jQuery 2.1.1.min.js . Не листают. Без понятия в чём причина,хотя по документации всё верно сделал(
<!DOCTYPE html>
<html lang="...
1
голос
1
ответ
203
показа
Не инициализируется первоначальное состояние owl carousel - ошибка TypeError: el.find is not a function
Есть новостной слайдер скомпонованный из двух взаимодействующих owl-carousel, который работает по переключению как стрелок, так и по названиям пунктов меню в правом блоке.
Есть 2 бага:
1 - не ...
0
голосов
1
ответ
168
показов
Как в owl-carousel сделать счетчик слайдеров и добавить класс для item?
Счетчик начинает считать слайдеры с 0 , как можно сделать подсчет с 1 слайдера ?
$(function(){
var owl = $('.Contentslider .owl-carousel');
owl.owlCarousel({
loop:true,
autoplay: ...
1
голос
0
ответов
126
показов
owl carousel тормозит в safari
На главной странице https://nikaestate.ru/ есть карусель изображений. При свайпах на ios в safari происходит подтормаживание.
Сталкивался кто-нибудь с подобным?