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

セットインジケーターは、タッチデバイスでビューアを使用したときに、スウォッチの上にレンダリングされる一連のドットです。 ドットは、スクロールボタンが使用できない場合に、ユーザーがサムネールのページ間を移動するのに役立ちます。

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

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

.s7zoomviewer .s7setindicator

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

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

個々のセットインジケータードットの外観は、CSS クラスセレクターで制御します。

.s7zoomviewer .s7setindicator .s7dot

例 – セットインジケーターのドットを 15 x 15 ピクセルに設定し、水平方向の余白 2 ピクセル、上部の余白 5 ピクセル、下部の余白 1 ピクセル、半径 12 ピクセル、デフォルトの色#D5D3D3 アクティブな色#939393 使用するには：

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