如何在创建后更改bxSlider中的slideWidth？

Question

如何在创建后更改bxSlider中的slideWidth？标准bxSlider在调整视口大小时无法设置幻灯片的正确宽度。

Answer 1

你可以在文档http://bxslider.com/examples/slideshow-adaptive-height中使用自适应高度，或者改变滑块的div大小；

$('.bxslider').bxSlider({
  adaptiveHeight: true,
  mode: 'fade'
});

更改滑块的div大小

<div style="height:500px;width:800px;">
  <ul class="bxslider">
    <li><img src="/images/730_200/hill_fence.jpg" /></li>
    <li><img src="/images/730_100/tree_root.jpg" /></li>
    <li><img src="/images/730_150/me_trees.jpg" /></li>
  </ul>
</div>