bxsliderを使用してヘッダー画像をスライドさせるように
したいです。
ですが自分で調べて見本通りやってみたのですが、画像が縦に並んでいる
だけで、何も動かない状態です。
何か自分でもCSSをいじくらないと動かないのでしょうか。
何か原因がわかる方いましたら教えて頂けると嬉しいです。
宜しくお願い致します。
(jquery.bxslider.cssとjquery.bxslider.min.jsはダウンロードしてから何もいじっていない状態です)
HTML
1 2 3<html lang="ja"> 4<head> 5<meta charset="utf-8"> 6<title>タイトル</title> 7<link rel="stylesheet" href="/jquery.bxslider.css"> 8<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 9 10<script src="/jquery.bxslider.min.js"></script> 11 12<script> 13$(function(){ 14$('.bxslider').bxSlider({ 15 auto: true, 16 slideWidth: 640, 17 18}); 19</script> 20 21 22 </head> 23 <body> 24 25 <ul class="bxslider"> 26 <li class="slideCell"><img src="photo/300/01.png" width="640" 27height="300"></li> 28 <li class="slideCell"><img src="photo/300/02.png" width="640" 29height="300"></li> 30 <li class="slideCell"><img src="photo/300/06.png" width="640" 31height="300"></li> 32 <li class="slideCell"><img src="photo/300/03.png" width="640" 33height="300"></li> 34 <li class="slideCell"><img src="photo/300/04.png" width="640" 35height="300"></li> 36 <li class="slideCell"><img src="photo/300/05.png" width="640" 37height="300"></li> 38 <li class="slideCell"><img src="photo/300/07.png" width="640" 39height="300"></li> 40 </ul> 41 42 43</body> 44</html>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/05/19 15:24