インジケーターを設定 set-indicator

セットインジケーターは、タッチデバイスでビューアを使用する際に、メインのスウォッチの上に表示される一連のドットです。 スクロール ボタンが使用できない場合は、ドットを使用してサムネールのページ内を移動できます。

セット インジケーターの​CSS プロパティ

Set インジケーターコンテナの外観は、次のCSS クラスセレクターで制御されます。

.s7mixedmediaviewer .s7setindicator

例 – 背景が白いセットインジケーターを作成するには：

.s7mixedmediaviewer .s7setindicator {
 background-color: #FFFFFF;
}

個々のセットインジケーターのドットの表示は、CSS クラスセレクターで制御されます。

.s7mixedmediaviewer .s7setindicator .s7dot

例 – 2 ピクセルの水平余白、5 ピクセルの上余白、1 ピクセルの下余白、12 ピクセルの半径、デフォルトカラー、およびアクティブカラーを含む、15 x 15 ピクセルのセットインジケータードット#D5D3D3作成#939393るには：

.s7mixedmediaviewer .s7setindicator .s7dot {
 width:15px;
 height:15px;
 margin-left:2px;
 margin-top:5px;
 margin-right:2px;
 margin-bottom:1px;
 border-radius:12px;
 background-color:#D5D3D3;
}
.s7mixedmediaviewer .s7setindicator .s7dot[state="selected"] {
 background-color:#939393;
}