• ベストアンサー
  • 困ってます

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

  • 質問No.8324826
  • 閲覧数762
  • ありがとう数1
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 50% (38/76)

ホームページ制作素人の質問で申し訳ありません。
「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>

質問者が選んだベストアンサー

  • 回答No.1
  • ベストアンサー

ベストアンサー率 66% (56/84)

prototype.jsとかすでに居ませんか?prototype.jsとjQueryは同居しずらい間柄ですので

今回入れたファイル以前にあるJSファイルを一旦外して試してみてはいかがでしょか?

もしそれで動いたら「jQueryとprototype.jsを共存させる方法」あたりでググルと良いかもしれません。
結果を報告する
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,600万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A

ピックアップ

ページ先頭へ