縮放視圖表徵圖效果

縮放指示器覆蓋在縮放視圖區域上。 當影像處於重置狀態時，就會顯示它，而且它還取決於iconeffect參數。

主查看器區域的CSS屬性

查看區域的外觀由以下CSS類選擇器控制：

.s7mixedmediaviewer .s7zoomview .s7iconeffect

CSS屬性

說明

背景 — 影像

縮放指示器圖稿。

背景位置

如果使用CSS精靈，則位於圖稿精靈內。

請參閱 CSS Sprites 。

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); 
}

本頁內容