こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

bxsliderが動かない

Javascript初心者なのですが、自分のサイトにbxsliderを置きたいと思っています。
試しに白紙のHTMLファイルに以下のように記述してみました。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>test</title>

<link href="css/jquery.bxslider.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/jquery.bxslider.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.bxslider').bxslider({
auto: true,
});
});
</script>

</head>
<body>

<ul class="bxslider">
<li><img src="images/pic1.jpg"></li>
<li><img src="images/pic2.jpg"></li>
<li><img src="images/pic3.jpg"></li>
<li><img src="images/pic4.jpg"></li>
</ul>
</body>
</html>

jsやcssの場所は正しいです。
しかし、表示してみると画像が4枚縦に並んで表示されるだけとなってしまいます。
Firefox, Chrome、IEの各最新版で試しましたが同様でした。

どの部分が間違っているのでしょうか?ご教授お願いします。

投稿日時 - 2014-06-08 12:33:45

QNo.8628634

暇なときに回答ください

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

>↑に記したものが全文となります。jsやcssのリソース指定は正しいです。
同様にやってみましたが問題なく動きますよ。当方であなたの実際のものを
確認できませんので、これ以上はわかりません。

投稿日時 - 2014-06-08 22:22:14

お礼

ひとまず記述には問題が無いことが分かっただけでも収穫です。確認していただきありがとうございます。

投稿日時 - 2014-06-09 19:14:32

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.2

>カンマを外してみましたが改善しませんでした。
差し支えなければ、チェックしてみますのでそのページのURLを明記してください。

投稿日時 - 2014-06-08 16:53:14

お礼

いえ、本文にも記したように白紙のHTMLに書いただけで、サーバーにはアップしていません。↑に記したものが全文となります。jsやcssのリソース指定は正しいです。

投稿日時 - 2014-06-08 19:17:33

ANo.1

パラメタの最後のカンマは不要です。
auto: true, → auto: true

投稿日時 - 2014-06-08 12:56:35

お礼

ご回答ありがとうございます。カンマを外してみましたが改善しませんでした。

投稿日時 - 2014-06-08 13:07:12

あなたにオススメの質問