dポイントプレゼントキャンペーン実施中！

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

解決済

  • 質問者：netorokot
  • 質問日時：
  • 回答数：1件

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： nana_coco
  • 回答日時：

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



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

もしそれで動いたら「jQueryとprototype.jsを共存させる方法」あたりでググルと良いかもしれません。
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報