スライダー -bxSlider-
スライダーの設定
![](../../../../images/points/slider/bxslider/bxslider_01.jpg)
- タイトル
複数のスライダーを管理するための任意のタイトルです。 - エフェクト
スライドのエフェクト(動き)を設定します。 - イージング
エフェクトに加速、減速など強弱のついた動きを設定します。 - 自動再生
スライドを自動再生するかどうかを設定します。 - 停止時間
スライドが停止している時間をミリ秒単位で設定します。 - 移動感覚
次のスライドへ移動する間隔をミリ秒単位で設定します。 - ティッカー(停止せず流れる動作)
ONにするとスライドを停止せずに流し続けることができます。 - 左右のナビゲーション
左右のナビゲーション(「前へ」「次へ」ボタン)を表示するかどうかを設定します。テーマによっては表示されません。 - ページャー
ページャー(ページネーション)を表示するかどうかを設定します。 - ページャー形式
ページャー(ページネーション)の表示形式を設定します。 - 開始/停止コントロール
開始ボタン、停止ボタンのコントロールを表示するかどうかを設定します。 - ラベル
スライドのラベルを表示するかどうかを設定します。 - 高さ自動調整
スライドの高さが異なる場合、その高さに合わせたサイズに自動で調整するかどうかを設定します。 - 高さ調整の間隔
高さの自動調整がONの場合の間隔をミリ秒単位で設定します。 - ブラウザサイズによる自動調整
スライドの幅をスライダーに合わせて縮小、拡大させる自動調整を行うかどうかを設定します。
サンプル
サンプル1
エフェクト | 垂直移動 | |
---|---|---|
イージング | easeOutBounce | |
自動再生 | ON | |
停止間隔 | 3000ms | |
移動間隔 | 700ms | |
ティッカー | OFF | |
左右のナビゲーション | 表示 | |
ページャー | 表示 | |
ページャー形式 | 全表示 | |
開始/停止コントロール | 非表示 | |
ラベル | OFF | |
高さ自動調整 | OFF |
サンプル2
エフェクト | 水平移動 | |
---|---|---|
自動再生 | OFF | |
移動間隔 | 40000ms | |
ティッカー | ON | |
ラベル | OFF |
スライドの設定
![](../../../../images/points/slider/bxslider/bxslider_04.jpg)
- 画像
[サーバーブラウザ]ボタンをクリックし、スライドに使用する画像を選択します。 - リンク
スライドをクリックした際のリンク先を設定します。入力ボックスに直接URLを入力するか、内部サイトの場合は[探す]ボタンをクリックして、表示されたサイト画面にてリンクしたいページにアクセスし、[GO]ボタンをクリックしてください。 - ターゲット
リンク先のウィンドウの動作を設定します。 - ラベル
スライドの内容やタイトルなど表示させたいテキストを入力します。スライダーの設定でラベルが非表示の場合は表示されません。