javascript - bxslider javascript slider 不工作

Question

实现此 bxslider slider 时遇到问题。首先，图像都是可见的？我如何使它看起来像一个真正的 slider ？

您可以在这里实时查看问题； http://danielmdesigns.com/windermere/index.html

否则，我已经按照网站的要求做了 =/

JS脚本

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

<script src="bxslider.js" type="text/javascript"></script>

HTML

 <ul class="bxslider">
  <li><img src="images/Couple%20on%20Lounge%20Chair_Towneclub.jpg" /></li>
  <li><img src="images/Man%20on%20Bench_Towneclub.jpg" /></li>
  <li><img src="images/Picnic%20Couple_Towneclub.jpg" /></li>
  <li><img src="images/Small%20Golf_Towneclub.jpg" /></li>
</ul>

CSS

.bxslider{
height:600px;
width:auto;
background-color:#c41230;
/*background-image: url(images/imagescroll_1.png);*/
background-size:cover;
position:relative;
top:95px;
}

JS文件

$(document).ready(function(){
$('.bxslider').bxSlider();
});

我是业余爱好者，但非常感谢所有帮助。提前致谢。

Answer 1

您还应该向脚本添加类型，如下所示:

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