在网页上实现bxSlider时遇到问题

Question

是否有其他人在网页上实现此http://bxslider.com/滑块时遇到问题，因为我按照说明操作正确，但滑块没有出现，只有4张图片一张在另一张下方出现在页面上。< / p>

以下是我实施的方法：

第1步：链接所需文件：

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

第2步：创建HTML标记

<ul class="bxslider">
<li><img src="images/pic1.jpg" /></li>
<li><img src="images/pic2.jpg" /></li>
<li><img src="images/pic3.jpg" /></li>
<li><img src="images/pic4.jpg" /></li>
</ul>

第3步：调用bxSlider

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

我似乎正在调用该函数，我觉得它在CSS的某个地方无法显示滑块。不知道在哪里，如果有人能找到我出错的地方，我会很感激。

如果您要求我发布完整的CSS文件，请询问，但我认为没必要。