###前提・実現したいこと
bxsliderを用いたスライドショーを作成
現在vagrantを用いてローカル開発環境を作成し、そこで実際に動くか確認したがうまく動かない
###発生している問題・エラーメッセージ
1) 画像を4枚読み込んでいるが、最初が1枚目ではなく4枚目が表記される 2) スライドが全く動かない
###該当のソースコード
html
1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <title>bxsliderデモ</title> 6 <!-- bxslider(cssファイル) --> 7 <link href="/bxslider/jquery.bxslider/jquery.bxslider.css" rel="stylesheet" /> 8 <!-- jQueryライブラリをGoogleよりダウンロード --> 9 <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 10 <!-- bxslider(JSファイル)をダウンロード --> 11 <script src="/bxslider/jquery.bxslider/jquery.bxslider.min.js"></script> 12</head> 13<body> 14 <ul class="bxslider"> 15 <li><img src="img/image1.jpg"></li> 16 <li><img src="img/image2.jpg"></li> 17 <li><img src="img/image3.jpg"></li> 18 <li><img src="img/image4.jpg"></li> 19 </ul> 20 21 <script type="text/javascript"> 22 $(document).ready(function(){ 23 $('.bxslider').bxSlider({ 24 speed: 1000, 25 slideWidth: 600 26 }); 27 }); 28 </script> 29</body> 30</html>
bxsliderファイル(分かりにくくてすみません・・・) bxslider(フォルダ) bxslider_server.html img image1.jpg image2.jpg image3.jpg image4.jpg jquery.bxslider jquery.bxslider.css jquery.bxslider.min.js
###補足情報(言語/FW/ツール等のバージョンなど)
プラグインに関しては今日初めて触れている状態でございます。
おそらくbxsliderファイルを呼び出すパスの部分が間違っているのかなと思うのですが、全く確証がないため、よろしければアドバイスよろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー