bxsliderでスライドショーの間違い教えて

解決済

質問者：netorokot
質問日時：2013/10/28 21:42
回答数：1件

ホームページ制作素人の質問で申し訳ありません。
「bxslider」を用いてスライドショーを作成しようとしていますが、jQueryのホームページから必要ファイルをダウンロードし、ガイドに従いサンプルをコピペして一番基本的な(と思われる)ものを作成してみましたが、張付けた画像が4枚縦に並んで表示されるだけで、「スライドショー」的なものになりません。
プログラムの理解が基本的に不十分な素人の厚かましい質問で恐縮ですが、下記の記述のどこが間違っているか、どう修正すれば良いか、などどなたかご教示下さればありがたく思います。

<head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<script src="jquery.bxslider.min.js"></script>

<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>