Dokumentation Referenshandbok för Dynamic Media Viewer

Knappen Zooma ut

Senast uppdaterad: 22 juli 2024

Ämnen:

Skapat för:

Utvecklare
Användare

Om du markerar eller trycker på den här knappen zoomas en bild ut i huvudvyn. Den här knappen visas inte på mobiltelefoner för att spara skärmutrymme. Du kan ändra storlek, skal och position för knappen med hjälp av CSS.

CSS-egenskaper för huvudvisningsområdet

Knappens utseende styrs med följande CSS-klassväljare:

.s7zoomviewer .s7zoomoutbutton

CSS-egenskap	Beskrivning
övre	Placera från den övre kanten, inklusive utfyllnad.
höger	Placera från den högra kanten, inklusive utfyllnad.
kvar	Placera från den vänstra kanten, inklusive utfyllnad.
nederkant	Placera från den nedre kanten, inklusive utfyllnad.
width	Knappens bredd.
height	Knappens höjd.
background-image	Bilden som visas för ett visst knappläge.
background-position	Placera inuti en teckningssprite, om CSS-sprites används. Se CSS-fragment.

NOTE

Den här knappen stöder attributväljaren state som kan användas för att tillämpa olika skal på olika knapplägen.

Knappens funktionsbeskrivning kan lokaliseras. Se Lokalisering av element i användargränssnittet.

Exempel - För att ställa in en utzoomningsknapp som är 32 x 32 pixlar och placerad sex pixlar från den övre och högra kanten av visningsprogrammet. Slutligen visas olika bilder för de fyra olika knapplägena.

.s7zoomviewer .s7zoomoutbutton {
top:6px;
right:6px;
width:32px;
height:32px;
}
.s7zoomviewer .s7zoomoutbutton [state='up'] {
background-image:url(images/v2/ZoomOutButton_dark_up.png);
}
.s7zoomviewer .s7zoomoutbutton [state='over'] {
background-image:url(images/v2/ZoomOutButton_dark_over.png);
}
.s7zoomviewer .s7zoomoutbutton [state='down'] {
background-image:url(images/v2/ZoomOutButton_dark_down.png);
}
.s7zoomviewer .s7zoomoutbutton [state='disabled'] {
background-image:url(images/v2/ZoomOutButton_dark_disabled.png);
}

recommendation-more-help