スライダー - bxSlider
bxSliderの設定を行います。なお、基本的なスライダーおよびスライドの設定内容は下記のページを参照ください。
この機能の関連操作
スライダーの設定
| ID | スライダーのIDを表示します。 |
|---|---|
| 種類 | スライダーの種類を表示します。 |
| タイトル | スライダーのタイトルを設定します。複数のスライダーを管理するための任意のタイトルです。 |
| エフェクト | スライドのエフェクト（動き）を設定します。 |
| イージング | エフェクトに加速、減速など強弱のついた動きを設定します。 |
| 自動再生 | スライドを自動再生するかどうかを設定します。 |
| 停止間隔 | スライドが停止している時間をミリ秒単位で設定します。 |
| 移動間隔 | 次のスライドへ移動する間隔をミリ秒単位で設定します。 |
| ティッカー(停止せず流れる動作) | ONにするとスライドを停止せずに流し続けることができます。 |
| 左右のナビゲーション | 左右のナビゲーション（「前へ」「次へ」ボタン）を表示するかどうかを設定します。テーマによっては表示されません。 |
| ページャー | ページャー（ページネーション）を表示するかどうかを設定します。 |
| ページャー形式 | ページャー（ページネーション）の表示形式を設定します。 |
| 開始/停止コントロール | 開始ボタン、停止ボタンのコントロールを表示するかどうかを設定します。 |
| ラベル | スライドのラベルを表示するかどうかを設定します。 |
| 高さ自動調整 | スライドの高さが異なる場合、その高さに合わせたサイズに自動で調整するかどうかを設定します。 |
| 高さ調整の間隔 | 高さの自動調整がONの場合の間隔をミリ秒単位で設定します。 |
| ブラウザサイズによる自動調整 | スライドの幅をスライダーに合わせて縮小、拡大させる自動調整を行うかどうかを設定します。 |
サンプル
商品紹介
| エフェクト | 垂直移動 |
|---|---|
| イージング | easeOutBounce |
| 自動再生 | ON |
| 停止間隔 | 3000ms |
| 移動間隔 | 700ms |
| ティッカー | OFF |
| 左右のナビゲーション | 表示 |
| ページャー | 表示 |
| ページャー形式 | 全表示 |
| 開始/停止コントロール | 非表示 |
| ラベル | ON |
| 高さ自動調整 | OFF |
イメージギャラリー
人材派遣サービス
人と社会を心でつなぐ
ITサービス
世界に広がるグローバルネットワークサービス
| エフェクト | 水平移動 |
|---|---|
| 自動再生 | OFF |
| 移動間隔 | 40000ms |
| ティッカー | ON |
| ラベル | OFF |
スライドの設定
画像のスライド
| 画像・動画 | [サーバーブラウザー]ボタンをクリックし、スライドに使用する画像または動画を選択します。動画ファイルを選択した場合の設定については「動画のスライド」を参照してください。 |
|---|---|
| alt属性 | 画像の説明等を入力します。画像が表示されない場合の代替テキストや、一部のブラウザで画像にオンマウスした際に表示されるポップヒントになります。 |
| リンク | スライドをクリックした際のリンク先を設定します。入力ボックスに直接URLを入力するか、内部サイトの場合は[探す]ボタンをクリックして、表示されたサイト画面にてリンクしたいページにアクセスし、[GO]ボタンをクリックしてください。 |
| ターゲット | リンク先のウィンドウの動作を設定します。 |
| ラベル | スライドの内容やタイトルなど表示させたいテキストを入力します。スライダーの設定でラベルが非表示の場合は表示されません。 |
動画のスライド
| 画像・動画 |
[サーバーブラウザー]ボタンをクリックし、スライドに使用する動画を選択します。画像ファイルを選択した場合の設定については「画像のスライド」を参照してください。 |
|---|---|
| サムネイル画像 |
[サーバーブラウザー]ボタンをクリックし、サムネイルに使用する画像を選択します。 サムネイル画像の削除設定したサムネイル画像を削除する場合は[削除]にチェックを入れます。 |
| ミュート | 動画をミュート（消音）する場合はチェックを入れます。 |
| ループ | 動画をループ再生する場合はチェックを入れます。 |
| 自動再生 | 動画を自動再生する場合はチェックを入れます。 |
動画のご利用について
- 利用できる動画ファイルの形式は「MP4（.mp4）」「 WebM（.webm）」です。
※MP4にはプログレッシブ方式とインターレース方式があり、iPhoneではインターレース方式は再生できません。 - 動画の再生前の静止状態の表示や自動再生の動作はOSやブラウザによって異なります。
※【iPhone】再生前の静止状態の動画は表示されません。（サムネイル画像の設定推奨）
※【Chrome/Firefox】ミュートが設定されていない場合は自動再生されません。（各ブラウザの自動再生の仕様や設定により異なります）
動画のスライドの編集操作について
- 【Firefox】編集サイトの操作では機能しない操作があります。
- 動画上での右クリック時にショートカットメニューが表示されません。
- 動画をダブルクリックすると全画面表示となるため、ダブルクリックからスライドの編集は行えません。 - スライド編集直後は動画再生時に再生が停止する現象が生じます。（リロードにより改善いたします）
- スライド編集を開くときに高さを取得するため、動画が1枚目の場合は動画の実ファイルの高さで表示されます。（改善策がございません）
