Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.94/18: Рейтинг темы: голосов - 18, средняя оценка - 4.94
14 / 14 / 5
Регистрация: 03.09.2013
Сообщений: 159

Owl-carousel средние слайды с отступом

19.04.2015, 16:27. Показов 3869. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день. Пытаюсь сделать карусельку, в ней 4 слайда, при этом два крайних прижимаются по краям, а два центральных имеют отступ. Как сделать этот самый отступ ? уменьшая ширину появляется отступ у правого края, увеличивая отступ у всех элементов правый и левый слайд становятся с отступом. Может у самой карусельки есть какой то параметр, или нужно делать с джс ? спасибо !
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
                <div class="col-md-10 col-sm-12 col-xs-12">
                    <div class="owl-carousel1">
                        <div class="slider">
                            
                        </div>
                        <div class="slider">
                            
                        </div>
                        <div class="slider">
                            
                        </div>
                        <div class="slider">
                            
                        </div>
                    </div>
                </div>
CSS
1
2
3
4
.sellers .slider{
  height: 318px;
  border:#e0e0e0 1px solid;
}
JavaScript
1
2
3
4
5
6
7
8
9
10
$(".owl-carousel1").owlCarousel({
        loop: true,
        responsive : {
            1200 : {
                items : 4,
                nav : true
            }
        },
        navText : ""
    });
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
19.04.2015, 16:27
Ответы с готовыми решениями:

Owl carousel 2. Выделить цветом стрелки навигации, куда можно листать, если есть слайды.
Можно ли как то сделать так? Стрелка навигации, куда можно листать выделяется цветом, если есть слайды и вправо и влево, то обе выделены...

Owl carousel
Блок &quot;К этому товару покупают&quot;, почему слайдер в 2 строки , как сделать в 1, подскажите в чем косяк ...

Owl carousel
Такая проблема. У меня на странице выводится несколько owl-carousel. Подскажите, как мне оптимизировать этот код, чтобы слайдеры работали?...

1
312 / 106 / 69
Регистрация: 18.04.2015
Сообщений: 346
19.04.2015, 19:44
Включите в браузере просмотр кода элемента и посмотрите откуда отступы берутся. Тут скорее всего проблема в css у вас а не в скрипте, обычно разработчики плагинов каруселей и всяких слайдеров создают отдельный css c параметрами.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
19.04.2015, 19:44
Помогаю со студенческими работами здесь

OWL carousel
Подскажите пожалуйста как на писать callback функцию к плагину OWL carousel? Есть 3 кнопки с id=&quot;btn1&quot;, id=&quot;btn2&quot; ,...

Owl carousel в 2 ряда
День добрый! Использую плагин Owl Carousel. Нужно сделать так, чтоб слайдеры выводились 2 ряда и прокручивались сразу 2 слайда. В ряда...

Настройка Owl carousel 2
Здравствуйте! Появилась необходимость воспользоваться каруселькой, выбрал Owl carousel по нескольким причинам, но столкнулся с...

Плагин owl-carousel
Всем здравствуйте! Есть каталог с картинками. При нажатии на блок с картинкой, всплывает окно с описанием (#pop-up). Необходимо...

Owl carousel responsive slider
Нужно сделать адаптивный слайдер с одной картинкой. Если задать просто items:1, то изображение растягивается на всю ширину экрана. ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru