スライダー - bxSlider
bxSliderの設定を行います。なお、基本的なスライダーおよびスライドの設定内容は下記のページを参照ください。
スライダーの設定
ID | スライダーのIDを表示します。 |
---|---|
種類 | スライダーの種類を表示します。 |
タイトル | スライダーのタイトルを設定します。複数のスライダーを管理するための任意のタイトルです。 |
エフェクト | スライドのエフェクト(動き)を設定します。 |
イージング | エフェクトに加速、減速など強弱のついた動きを設定します。 |
自動再生 | スライドを自動再生するかどうかを設定します。 |
停止間隔 | スライドが停止している時間をミリ秒単位で設定します。 |
移動間隔 | 次のスライドへ移動する間隔をミリ秒単位で設定します。 |
ティッカー(停止せず流れる動作) | ONにするとスライドを停止せずに流し続けることができます。 |
左右のナビゲーション | 左右のナビゲーション(「前へ」「次へ」ボタン)を表示するかどうかを設定します。テーマによっては表示されません。 |
ページャー | ページャー(ページネーション)を表示するかどうかを設定します。 |
ページャー形式 | ページャー(ページネーション)の表示形式を設定します。 |
開始/停止コントロール | 開始ボタン、停止ボタンのコントロールを表示するかどうかを設定します。 |
ラベル | スライドのラベルを表示するかどうかを設定します。 |
高さ自動調整 | スライドの高さが異なる場合、その高さに合わせたサイズに自動で調整するかどうかを設定します。 |
高さ調整の間隔 | 高さの自動調整がONの場合の間隔をミリ秒単位で設定します。 |
ブラウザサイズによる自動調整 | スライドの幅をスライダーに合わせて縮小、拡大させる自動調整を行うかどうかを設定します。 |
サンプル
商品紹介
エフェクト | 垂直移動 |
---|---|
イージング | easeOutBounce |
自動再生 | ON |
停止間隔 | 3000ms |
移動間隔 | 700ms |
ティッカー | OFF |
左右のナビゲーション | 表示 |
ページャー | 表示 |
ページャー形式 | 全表示 |
開始/停止コントロール | 非表示 |
ラベル | ON |
高さ自動調整 | OFF |
イメージギャラリー
人材派遣サービス
人と社会を心でつなぐ
ITサービス
世界に広がるグローバルネットワークサービス
エフェクト | 水平移動 |
---|---|
自動再生 | OFF |
移動間隔 | 40000ms |
ティッカー | ON |
ラベル | OFF |
スライドの設定
画像 | [サーバーブラウザー]ボタンをクリックし、スライドに使用する画像を選択します。 |
---|---|
alt属性 | 画像の説明等を入力します。画像が表示されない場合の代替テキストや、一部のブラウザで画像にオンマウスした際に表示されるポップヒントになります。 |
リンク | スライドをクリックした際のリンク先を設定します。入力ボックスに直接URLを入力するか、内部サイトの場合は[探す]ボタンをクリックして、表示されたサイト画面にてリンクしたいページにアクセスし、[GO]ボタンをクリックしてください。 |
ターゲット | リンク先のウィンドウの動作を設定します。 |
ラベル | スライドの内容やタイトルなど表示させたいテキストを入力します。スライダーの設定でラベルが非表示の場合は表示されません。 |