我正在我的网站中实现一个图像滑块(bxslider)。我完全按照http://bxslider.com/的设置说明进行操作,但没有运气。这是我的html:
<!doctype html>
<html>
<head>
<!-- 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="bxslider/js/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="bxslider/lib/jquery.bxslider.css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function(){
$('.bxslider').bxSlider();
});
</script>
</head>
<body>
<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>
</body>
</html>
提取的 bxslider 文件位于网站根目录中名为“bxslider”的文件夹中。