操作マニュアル

スライダー - Skitter

スライダーの設定

  • タイトル
    複数のスライダーを管理するための任意のタイトルです。
  • サイズ
    スライダーのサイズ(W:横/H:縦)を設定します。「%」もしくは「px」の単位をつけて入力します。
  • テーマ
    テーマによりプログレスバーや各ナビゲーションなどのデザインや動作が変わります。
  • 自動再生
    スライドを自動再生するかどうかを設定します。
  • 表示間隔
    自動再生の表示間隔をミリ秒単位で設定します。
  • マウスオーバーで停止
    自動再生をマウスオーバーで停止させるかどうかを設定します。
  • 左右のナビゲーション
    左右のナビゲーション(「前へ」「次へ」ボタン)を表示するかどうかを設定します。テーマによっては表示されません。
  • ページャー形式
    ページャー(ページネーション)の表示形式を設定します。
  • ページャー位置
    ページャー(ページネーション)の表示位置を設定します。
  • プログレスバー
    処理状況を示すプログレスバーを表示するかどうかを設定します。
  • ラベル
    スライドのラベルを表示するかどうかを設定します。
  • ラベルの表示エフェクト
    ラベルの表示効果を設定します。
  • ツール類を自動的に隠す
    数字形式のページャーおよびナビゲーションを自動的に隠す(マウスアウトで非表示にする)かどうかを設定します。
サンプル
会社の事業紹介
  • ITサービス

  • 人材派遣サービス

テーマ clean
自動再生 ON
表示間隔 3500ms
マウスオーバーで停止 ON
左右のナビゲーション 非表示
ページャー形式 なし
プログレスバー 非表示
ラベル 表示
ラベルの表示エフェクト 右からスライドイン
商品紹介
  • 【NEW!】 ビギナーセット 2,980円

  • シャベル 890円

  • アンティーク小物 各種280円~

  • 寄せ植え 450円

テーマ squea
自動再生 ON
表示間隔 2500ms
マウスオーバーで停止 ON
左右のナビゲーション 表示
ページャー形式 サムネイル形式
ページャー位置
プログレスバー 非表示
ラベル 表示
ラベルの表示エフェクト 固定
ツール類を自動的に隠す OFF
イメージギャラリー
  • ラベル

  • ラベル

テーマ clean
自動再生 ON
表示間隔 6000ms
マウスオーバーで停止 ON
左右のナビゲーション 非表示
ページャー形式 数字形式
ページャー位置
プログレスバー 表示
ラベル 非表示
ツール類を自動的に隠す ON

スライドの設定

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