bxsliderでスライドショーの間違い教えて
ホームページ制作素人の質問で申し訳ありません。
「bxslider」を用いてスライドショーを作成しようとしていますが、jQueryのホームページから必要ファイルをダウンロードし、ガイドに従いサンプルをコピペして一番基本的な(と思われる)ものを作成してみましたが、張付けた画像が4枚縦に並んで表示されるだけで、「スライドショー」的なものになりません。
プログラムの理解が基本的に不十分な素人の厚かましい質問で恐縮ですが、下記の記述のどこが間違っているか、どう修正すれば良いか、などどなたかご教示下さればありがたく思います。
<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="jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="jquery.bxslider.css" rel="stylesheet" />
</head>
<script type="text/javascript">
$(document).ready(function(){ $('.bxslider').bxSlider({auto: true,autoControls: true});
</script>
<ul class="bxslider">
<li><img src="http://www.geocities.jp/画像ファイル1.jpg" /></li>
<li><img src="http://www.geocities.jp/画像ファイル2.jpg" /></li>
<li><img src="http://www.geocities.jp/画像ファイル3.jpg" /></li>
<li><img src="http://www.geocities.jp/画像ファイル4.jpg" /></li>
</ul>
</html>
