Ange indikator set-indicator

Uppsättningsindikatorn är en serie punkter som återges ovanpå färgrutor när ett visningsprogram används på en pekenhet. Med punkter kan användarna navigera genom miniatyrsidor när rullningsknappar inte är tillgängliga.

CSS-egenskaper för den angivna indikatorn

Utseendet på den angivna indikatorbehållaren styrs med följande CSS-klassväljare:

.s7zoomviewer .s7setindicator
CSS-egenskap
Beskrivning
background-color
Bakgrundsfärgen i hexadecimalt format för uppsättningsindikatorn.

Exempel - Så här skapar du en inställningsindikator med vit bakgrund:

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

Utseendet på en enskild set-indikatorpunkt styrs med CSS-klassväljaren:

.s7zoomviewer .s7setindicator .s7dot

CSS-egenskap
Beskrivning
width
Bredden på den angivna indikatorpunkten.
height
Höjden på den angivna indikatorpunkten.
marginal-vänster
Vänstermarginal i pixlar.
marginal-top
Övre marginal i pixlar.
marginal-höger
Högermarginal i pixlar.
marginal-bottom
Undre marginal i pixlar.
border-radius
Kantradie i pixlar.
background-color
Bakgrundsfärg i hexadecimalt format.
NOTE
Ange indikatorpunkt för state attributväljare, som kan användas för att tillämpa olika skal på olika miniatyrlägen. I synnerhet state="selected" motsvarar den aktuella sidan med miniatyrbilder, state="unselected" motsvarar standardpunktläget.

Exempel - Så här skapar du en angiven indikatorpunkt som ska vara 15 x 15 pixlar, med en vågrät marginal på 2 pixlar, en övre marginal på 5 pixlar, en nedre marginal på 12 pixlar, en radie på 12 pixlar, en standardfärg på #D5D3D3 och en aktiv färg på #9393:

.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;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8