在jquery中的bxslider插件中设置缩略图的宽度和高度

Question

我使用bxslider jquery插件来创建幻灯片。我想设置缩略图的宽度和高度。是否有任何选项可以在bxslider jquery插件中设置缩略图的宽度和高度。

Answer 1

从jQuery调整宽度和高度

的Javascript

$('.bxslider').bxSlider({
  slideWidth: 100,
  adaptiveHeight: true
});

HTML

<ul class="bxslider">
  <li><img src="imagePath" /></li>
  <li><img src="imagePath" /></li>
  <li><img src="imagePath" /></li>
</ul>

从css调整宽度和高度

.bx-wrapper .bx-viewport {
width: 100px!important; // Set your width here
height: 100px!important;// Set your height here
}