0

Слайдер работает отлично. Но временами почему-то задает ширину каждого слайда больше 1140, хотя я устанавливаю 566px, соответственно и высота меняется.

HTML

<div class="objects-carousel_two objects-carousel owl-carousel">
        <div class="item">
            <img src="./images/cert1.jpg">          
        </div>
        <div class="item">
            <img src="./images/cert2.jpg">          
        </div>
        <div class="item">
            <img src="./images/cert3.jpg">              
        </div>
        <div class="item">
            <img src="./images/cert4.jpg">              
        </div>          
</div>

JS

$(".objects-carousel_two").owlCarousel({ dots: false, nav: true, loop: true, navText: ['', ''], items: 1 });

CSS

.objects-carousel_two {
width: 566px !important;
margin: 0 auto;
max-width: 100%;
position: relative;
padding-bottom: 180px;
}
4
  • Параметр autoWidth: true ?
    – user31906
    8 авг 2017 в 17:55
  • Ставил в опциях autoWidth:false, но ситуация не меняется.
    – Devergence
    9 авг 2017 в 3:18
  • Дак true надо..
    – user31906
    9 авг 2017 в 4:54
  • Это решило проблему с вытягиванием по длине. Теперь возникла новая проблема. Теперь временами показана половина одного слайда и половина следующего за ним...
    – Devergence
    9 авг 2017 в 6:44

1 ответ 1

0

Проблема решилась, немного изменил код в js

JS

$(window).on('load', function() {
$(".objects-carousel_two").owlCarousel({ dots: false, nav: true, loop: true, 
navText: ['', ''], items: 1 });   
});

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.