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