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

Question

如何在创建后更改bxSlider中的slideWidth？当视口调整大小时，Standart 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>