2016-10-14 3 views
0

jQuery bxSlider не работает во время реагирования. Он хорошо работает на большом экране.jQuery bxSlider не работает в ответном режиме

$(document).ready(function() { 
$('.slider1').bxSlider({ 
pagerCustom: '#bx-pager', 
auto: true, 
autoControls: true, 
slideWidth: 1500, 
minSlides: 1, 
maxSlides: 1, 
slideMargin: 10 
}); 
}); 

Какую собственность я пропустил для реагирования? Кто-нибудь поможет. Заранее спасибо.

+0

вы можете предоставить jsfiddle или живую связь с проблемой так это будет проще для нас, чтобы отладить проблему – Rahul

+0

ну эта ссылка не работает для меня, я получил эту ошибку «Страница 192.168.1.4 не работает, 192.168.1.4 не отправил никаких данных». Я предлагаю вам создать jsfiddle, чтобы мы могли посмотреть – Rahul

+0

check in эта ссылка 192.168.1.4/helixtech-newhome –

ответ

0

вы можете использовать, что JQuery Lib «fitvid.js» и заставить его работать на ползунок, чтобы сделать его отзывчивую ссылка для Lib: http://fitvidsjs.com/ или вы можете использовать структуру, основанную подвесная система как бутстрапе и фундамент или просто сделать его медиа-запросами, как этот: экран @media и (поместить здесь минимальную или ширину) { поставить здесь фиксированную ширину и высоту вы хотите для BX-слайдера }

0

пожалуйста, вы можете удалить slideWidth : 1500, и проверка

+0

Remov ed slideWidth. Но возникает проблема с rsponsive –

+0

Вы назначили высоту где-то где? Элементы родителей или высота изображений? –

0

bxslider имеет " отзывчивый»вариант так и можно установить его верно, как„отзывчивым: правда“

$(document).ready(function() { 
    $('.slider1').bxSlider({ 
     pagerCustom: '#bx-pager', 
     auto: true, 
     autoControls: true, 
     slideWidth: 1500, 
     minSlides: 1, 
     maxSlides: 1, 
     responsive: true, 
     slideMargin: 10 
    }); 
}); 

увидеть документы here

+0

Текст идет вниз. При уменьшении до 721px. Ширина динамически установлена ​​на 450 пикселей. –

Смежные вопросы