スライダー - Slick
Slickの設定を行います。なお、基本的なスライダーおよびスライドの設定内容は下記のページを参照ください。
スライダー設定
ID | スライダーのIDを表示します。 |
---|---|
種類 | スライダーの種類を表示します。 |
タイトル | スライダーのタイトルを設定します。複数のスライダーを管理するための任意のタイトルです。 |
エフェクト | スライドのエフェクト(動き)を設定します。 |
イージング | エフェクトに加速、減速など強弱のついた動きを設定します。 |
自動再生 | スライドを自動再生するかどうかを設定します。 |
移動間隔 | 次のスライドへ移動する間隔をミリ秒単位で設定します。 |
左右のナビゲーション | 左右のナビゲーション(「前へ」「次へ」ボタン)を表示するかどうかを設定します。 |
ページャー | ページャー(ページネーション)を表示するかどうかを設定します。 |
ループ | スライドを無限にループするかどうかを設定します。 |
表示するスライド数 | 一度に表示するスライド数を設定します。 |
スクロールするスライド数 | 一度にスクロールされるスライド数を設定します。 |
サムネイル付きのスライドショー | サムネイル付きのスライドショーを表示するかどうか設定します。 |
表示するスライド数(サムネイル用) | サムネイル付きのスライドショーに表示するスライド数を設定します。 |
スクロールするスライド数(サムネイル用) | サムネイル付きのスライドショーのスクロールされるスライド数を設定します。 |
サンプル
レストラン
エフェクト | スライド |
---|---|
イージング | (設定なし) |
自動再生 | ON |
移動間隔 | 8000ms |
左右のナビゲーション | 表示 |
ページャー | 表示 |
ループ | ON |
表示するスライド数 | 2 |
スクロールするスライド数 | 1 |
サムネイル付きのスライドショー | ON |
表示するスライド数(サムネイル用) | 4 |
スクロールするスライド数(サムネイル用) | 1 |
focusOnSelect ※高度な設定 | ON |
スライドの設定
画像 | [サーバーブラウザー]ボタンをクリックし、スライドに使用する画像を選択します。 |
---|---|
alt属性 | 画像の説明等を入力します。画像が表示されない場合の代替テキストや、一部のブラウザで画像にオンマウスした際に表示されるポップヒントになります。 |
リンク | スライドをクリックした際のリンク先を設定します。入力ボックスに直接URLを入力するか、内部サイトの場合は[探す]ボタンをクリックして、表示されたサイト画面にてリンクしたいページにアクセスし、[GO]ボタンをクリックしてください。 |
ターゲット | リンク先のウィンドウの動作を設定します。 |
ラベル | 画像のラベルを入力します。画像のタイトル(title属性)として、オンマウスした際に表示されます。 |