Как заставить чтобы параметр slideWidth обновлялся при изменении размеров окна браузера в карусельном слайдере
http://bxslider.com/?
Сделал как указанно на
http://bxslider.com/examples/reload-slider-settings там пример перезагрузки всего слайдера, слайдер вроде как перегружается но параметр slideWidth не обновляется.
Еще пояснение параметр slideWidth должен указыватся в пикселах, я поставил вычисление размера по размеру самого элемента, чтобы можно было сделать этот параметр более гибким, вот так сделал: slideWidth: $( '#front-portfolio .front-item' ).width(),
сам код активации карусельного слайдера:
var slider = $( '#front-portfolio' ).bxSlider({
wrapperClass: 'bx-wrapper-portfolio',
slideWidth: $( '#front-portfolio .front-item' ).width(),
minSlides: 1,
maxSlides: 4,
slideMargin: 0,
infiniteLoop: false,
hideControlOnEnd: true,
adaptiveHeight: true,
pager: true
});
$( window ).on( 'resize', function() {
console.log( 'slider' );
slider.reloadSlider();
});
Подскажите как заставить обновлятся парамерт slideWidth при изменении размеров окна.