bxSlider Изображения на заказ высота и ширина

Question

Я использую bxslider, для моих каруселей изображений ..

$(document).ready(function(){ 
    $('.slider4').bxSlider({ 
    slideWidth: 300, 
    minSlides: 2, 
    maxSlides: 3, 
    moveSlides: 1, 
    slideMargin: 10 
}); 
}); 


<div class="slider4"> 
    <div class="slide"><img src="http://placehold.it/300x150&text=FooBar1"></div> 
    <div class="slide"><img src="http://placehold.it/300x150&text=FooBar2"></div> 
    <div class="slide"><img src="http://placehold.it/300x150&text=FooBar3"></div> 
    <div class="slide"><img src="http://placehold.it/300x150&text=FooBar4"></div> 
    <div class="slide"><img src="http://placehold.it/300x150&text=FooBar5"></div> 
    <div class="slide"><img src="http://placehold.it/300x150&text=FooBar6"></div> 
    <div class="slide"><img src="http://placehold.it/300x150&text=FooBar7"></div> 
    <div class="slide"><img src="http://placehold.it/300x150&text=FooBar8"></div> 
    <div class="slide"><img src="http://placehold.it/300x150&text=FooBar9"></div> 
    <div class="slide"><img src="http://placehold.it/300x150&text=FooBar10"></div> 
</div> 

Этот код пришел со страницы примеров из bxlider сайта. Это тот, который я использую прямо сейчас. Я просто заметил, что когда я изменяю размер моего браузера на меньший размер, например 768, 480 и 320 ..

Это отзывчиво, но изображения отрубаются и слишком малы для 320 пикселей и 480 пикселей.

Что я хочу, если я изменил размер браузера на 480 или 320, он отобразит только 2 изображения. сохраняя высоту и ширину изображений. Любые идеи о том, как это сделать?

Answer 1

У bxslider есть отзывчивый вариант, который вы можете установить на false. Это должно остановить изменение размера слайдера. Тогда вы, возможно, можете перезагрузить слайдер reloadSlider() на resize(), чтобы он отображал меньше изображений.

как: http://jsfiddle.net/Lhz7qbzc/