bxsliderで現在スライドを作っているのですが、縦横幅が上手く設定できません。
lang
1<div id="bxwrap"> 2 <ul class="slider"> 3 <li><img src="hoge1.gif"></li> 4 <li><img src="hoge2.gif"></li> 5 <li><img src="hoge3.jgif"></li> 6 </ul> 7</div>
と
lang
1.bx-wrapper { 2 position: relative; 3 margin: 0 auto 60px; 4 padding: 0; 5 *zoom: 1; 6} 7 8.bx-wrapper img { 9 max-width: 100%; 10 display: block; 11} 12 13/** THEME 14===================================*/ 15 16.bx-wrapper .bx-viewport { 17 -moz-box-shadow: 0 0 5px #ccc; 18 -webkit-box-shadow: 0 0 5px #ccc; 19 box-shadow: 0 0 5px #ccc; 20 border: 5px solid #fff; 21 left: -5px; 22 background: #fff; 23} 24 25.bx-wrapper .bx-pager, 26.bx-wrapper .bx-controls-auto { 27 position: absolute; 28 bottom: -30px; 29 width: 100%; 30}
CSSは公式からDLしたものです。
自分で少し
lang
1#bxwrap{ 2 height:200px; 3}
や
lang
1.slider{ 2 height:200px; 3}
というようなコードを書いてみたのですが、
.slider{}に関してはうんともすんとも変化ありませんでした。
縦横幅を変えるにはどうすればよろしいでしょうか?
また、このbxsliderはどのような構造をしているのでしょう?
どうか分かる方お願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。