スライダー - bxSlider | マニュアル一覧 | CMSなら「ant2-ASP」でホームページ制作!

Manual

CMS操作マニュアル

CMSの操作方法を作業から探せるようにマニュアル一覧にしました。
「こんな時はどうするの?」と迷った場合は、こちらをご覧ください。

スライダー - bxSlider

bxSliderの設定を行います。なお、基本的なスライダーおよびスライドの設定内容は下記のページを参照ください。

⇒ スライダーの設定についてはこちら
⇒ スライドの設定についてはこちら

スライダーの設定

ID スライダーのIDを表示します。
種類 スライダーの種類を表示します。
タイトル スライダーのタイトルを設定します。複数のスライダーを管理するための任意のタイトルです。
エフェクト スライドのエフェクト(動き)を設定します。
イージング エフェクトに加速、減速など強弱のついた動きを設定します。
自動再生 スライドを自動再生するかどうかを設定します。
停止間隔 スライドが停止している時間をミリ秒単位で設定します。
移動間隔 次のスライドへ移動する間隔をミリ秒単位で設定します。
ティッカー(停止せず流れる動作) ONにするとスライドを停止せずに流し続けることができます。
左右のナビゲーション 左右のナビゲーション(「前へ」「次へ」ボタン)を表示するかどうかを設定します。テーマによっては表示されません。
ページャー ページャー(ページネーション)を表示するかどうかを設定します。
ページャー形式 ページャー(ページネーション)の表示形式を設定します。
開始/停止コントロール 開始ボタン、停止ボタンのコントロールを表示するかどうかを設定します。
ラベル スライドのラベルを表示するかどうかを設定します。
高さ自動調整 スライドの高さが異なる場合、その高さに合わせたサイズに自動で調整するかどうかを設定します。
高さ調整の間隔 高さの自動調整がONの場合の間隔をミリ秒単位で設定します。
ブラウザサイズによる自動調整 スライドの幅をスライダーに合わせて縮小、拡大させる自動調整を行うかどうかを設定します。
サンプル
商品紹介
エフェクト 垂直移動
イージング easeOutBounce
自動再生 ON
停止間隔 3000ms
移動間隔 700ms
ティッカー OFF
左右のナビゲーション 表示
ページャー 表示
ページャー形式 全表示
開始/停止コントロール 非表示
ラベル ON
高さ自動調整 OFF
イメージギャラリー
人材派遣サービス
人と社会を心でつなぐ
ITサービス
世界に広がるグローバルネットワークサービス
エフェクト 水平移動
自動再生 OFF
移動間隔 40000ms
ティッカー ON
ラベル OFF

スライドの設定

画像 [サーバーブラウザー]ボタンをクリックし、スライドに使用する画像を選択します。
alt属性 画像の説明等を入力します。画像が表示されない場合の代替テキストや、一部のブラウザで画像にオンマウスした際に表示されるポップヒントになります。
リンク スライドをクリックした際のリンク先を設定します。入力ボックスに直接URLを入力するか、内部サイトの場合は[探す]ボタンをクリックして、表示されたサイト画面にてリンクしたいページにアクセスし、[GO]ボタンをクリックしてください。
ターゲット リンク先のウィンドウの動作を設定します。
ラベル スライドの内容やタイトルなど表示させたいテキストを入力します。スライダーの設定でラベルが非表示の場合は表示されません。