1

是否还有其他人在将这个http://bxslider.com/滑块实现到网页上时遇到问题，因为我按照说明做的一切都是正确的，但是滑块没有出现，页面上只出现了 4 个图像，一个位于另一个下方。

以下是我的实现方式：

第 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文件，请询问，但我认为没有必要。

4

0 回答 0