ネットアンサー55備忘録
web技術を書いていきます
デモサイト
●高さ指定に関して
style.cssの.heroで高さを調整する
1 | .hero{ |
2 | width:100%; |
3 | height:84%; /*高さはここで制御をする*/ |
4 | min-height:500px; |
5 | position:relative |
6 | } |
1 | $(document).ready(function() { |
2 | $("#random").skippr({ |
3 | // スライドショーの変化 ("fade" or "slide") |
4 | transition : 'fade', |
5 | // 変化に係る時間(ミリ秒) |
6 | speed : 1000, |
7 | // easingの種類 |
8 | easing : 'easeOutQuart', |
9 | // ナビゲーションの形("block" or "bubble") |
10 | navType : 'block', |
11 | // 子要素の種類("div" or "img") |
12 | childrenElementType : 'div', |
13 | // ナビゲーション矢印の表示(trueで表示) |
14 | arrows : true, |
15 | // スライドショーの自動再生(falseで自動再生なし) |
16 | autoPlay : false, |
17 | // 自動再生時のスライド切替間隔(ミリ秒) |
18 | autoPlayDuration : 5000, |
19 | // キーボードの矢印キーによるスライド送りの設定(trueで有効) |
20 | keyboardOnAlways : true, |
21 | // 一枚目のスライド表示時に戻る矢印を表示するかどうか(falseで非表示) |
22 | hidePrevious : false |
23 | }); |
24 | }); |
