縮放指示器重疊在縮放視圖區域上。 當影像處於重置狀態時,會顯示它,並且它還取決於影像效果參數。
主查看器區域的CSS屬性
查看區域的外觀由以下CSS類選擇器控制:
.s7mixedmediaviewer .s7zoomview .s7iconeffect
CSS屬性 |
說明 |
---|---|
背景影像 |
縮放指示器圖稿。 |
背景位置 |
如果使用CSS浮雕,則在圖稿浮雕內定位。 請參閱 CSS繁體 。 |
width |
縮放指示器寬度。 |
height |
縮放指示器高度。 |
表徵圖效果支援 media-type
屬性選擇器,您可以使用該選擇器對不同設備應用不同的表徵圖效果。 特別是, media-type='standard'
對應於通常使用滑鼠輸入的案頭系統 media-type='multitouch'
與具有觸摸輸入的設備相對應。
示例 — 為台式機系統和觸摸設備設定100 x 100像素縮放指示器,採用不同的技術。
.s7mixedmediaviewer .s7zoomview .s7iconeffect {
width: 100px;
height: 100px;
}
.s7mixedmediaviewer .s7zoomview .s7iconeffect[media-type='standard'] {
background-image:url(images/v2/IconEffect_zoom.png);
}
.s7mixedmediaviewer .s7zoomview .s7iconeffect[media-type='multitouch'] {
background-image:url(images/v2/IconEffect_pinch.png);
}