縮放檢視圖示效果

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

主檢視器區域的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); 
}

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now