Question

Bxslider滑块只显示一张幻灯片，滑块之间的空间非常大或者什么是我无法弄清楚的问题

显示scorollin第二次滑动后的1张幻灯片e.t.c.

但我想像旋转木马一样滚动滚动

.bx-wrapper {
	position: relative;
	margin: 0 auto 20px;
	padding: 0;
	*zoom: 1;
	width: 780px;
   height: 100px;
}

.bx-wrapper img {
	max-width: 20%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #fff;
	-webkit-box-shadow: 0 0 5px #fff;
	box-shadow: 0 0 5px #fff;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
}

谢谢！

Answer 1

此示例，我也需要自动，在此示例中为http://bxslider.com/examples/carousel-dynamic-number-slides

	SCRIPT

<script type="text/javascript">
$(document).ready(function(){
$('.bxslider').bxSlider();
});
</script>

HTML 

		<ul class="bxslider">
  <li><img src="images/logo1" /></li>
  <li><img src="images/logo2" /></li>
  <li><img src="images/logo3" /></li>
  <li><img src="images/logo4" /></li>
  </ul>

   <!-- jQuery library (served from Google) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="/js/bxslider/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="/js/bxslider/jquery.bxslider.css" rel="stylesheet" />

Answer 2

奇怪的是，

我添加了您的代码，现在没有滚动，一切都是垂直而不是水平。

我之前编辑过的东西，但不是js，我认为出了问题，但无法弄清楚

＆＃13;

	<script type="text/javascript">
$(function() {
      var bx = $('.bx').bxSlider({
        auto: true,
        autoControls: true,
        minSlides: 5,
        maxSlides: 5,
        moveSlides: 5,
        slideWidth: 120

      })
    })
</script>

＆＃13;

Bxslider滑块仅显示一张幻灯片

2 个答案: