圖示效果

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

主檢視器區域的CSS屬性

檢視區域的外觀會使用下列CSS類別選擇器加以控制：

.s7zoomviewer .s7zoomview .s7iconeffect

CSS屬性

說明

背景影像

縮放指示器圖稿。

背景位置

如果使用CSS精靈，請放在圖稿精靈內。

請參閱 CSS精靈。

width

縮放指示器寬度。

height

縮放指示器高度。

注意

圖示效果支援media-type屬性選擇器，您可使用該選擇器對不同裝置套用不同的圖示效果。 尤其是，media-type='standard'對應於通常使用滑鼠輸入的台式機系統，media-type='multitouch'對應於具有觸摸輸入的設備。

範例——針對桌上型電腦系統和觸控裝置設定100 x 100像素縮放指示器，並使用不同的圖稿。

.s7zoomviewer .s7zoomview .s7iconeffect { 
 width: 100px; 
 height: 100px; 
} 
.s7zoomviewer .s7zoomview .s7iconeffect[media-type='standard'] { 
 background-image:url(images/v2/IconEffect_zoom.png); 
} 
.s7zoomviewer .s7zoomview .s7iconeffect[media-type='multitouch'] { 
 background-image:url(images/v2/IconEffect_pinch.png); 
}

本頁內容