縮放檢檢視示效果

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

主要檢視器區域的CSS屬性

檢視區域的外觀是由下列CSS類別選取器所控制：

.s7mixedmediaviewer .s7zoomview .s7iconeffect

CSS屬性

說明

background-image

縮放指示器圖稿。

background-position

若使用CSS sprite，則定位在圖稿sprite內。

另請參閱 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);
}

本頁內容