※ ChatGPTを利用し、要約された質問です（原文：bxsliderでスライドショーの間違い教えて）
bxsliderでスライドショーの間違い教えて
このQ&Aのポイント
ホームページ制作素人の質問で申し訳ありません。bxsliderを用いてスライドショーを作成しようとしていますが、正しく表示されません。
jQueryのホームページから必要ファイルをダウンロードし、ガイドに従いサンプルを作成しましたが、画像が並んで表示されるだけでスライドショーになりません。
質問者のプログラム理解が不十分であり、どこが間違っているか、どのように修正すれば良いか分からないため、助けを求めています。
ホームページ制作素人の質問で申し訳ありません。
「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>
