Utfällbar zoomvy flyout-zoom-view

I inline-zoomläget består huvudvyn av den statiska bilden. Den består också av den zoomade bilden som visas i den utfällbara vyn över den statiska bilden och det tips som visas ovanpå den statiska bilden.

CSS-egenskaper för huvudvisningsområdet

Utseendet på huvudvyn styrs med följande CSS-klassväljare:

.s7mixedmediaviewer .s7flyoutzoomview

Exempel - för att göra huvudvyn genomskinlig:

.s7mixedmediaviewer .s7flyoutzoomview {
 background-color: transparent;
}

Utseendet på tipsmeddelandet styrs av följande CSS-klassväljare:

.s7mixedmediaviewer .s7flyoutzoomview .s7tip

Det går att konfigurera teckensnittsstil, storlek och lodrät förskjutning via CSS. Den vågräta justeringen hanteras emellertid av visningsprogrammets logik. Det går inte att åsidosätta den via CSS med egenskaperna left eller right.

CSS-egenskaper för tipsmeddelandet

Tipsmeddelandet kan lokaliseras. Mer information finns i Lokalisering av användargränssnittselement.

Exempel - Om du vill ange ett halvgenomskinligt tips med vitt Arial® 12-px-teckensnitt, förskjuts 50 pixlar från huvudvyns nederkant, utfyllnad och en rundad kant:

.s7mixedmediaviewer .s7flyoutzoomview .s7tip {
bottom: 50px;
color: #ffffff;
font-family: Arial;
font-size: 12px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 12px;
padding-right: 12px;
background-color: #000000;
border-radius: 4px;
opacity: 0.5;
filter: alpha(opacity = 50);
}