圖示效果

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

主檢視器區域的CSS屬性

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

.s7ecatalogsearchviewer .s7pageview .s7iconeffect

CSS屬性

說明

背景影像

縮放指示器圖稿。

背景位置

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

另請參閱 CSS精靈

width

縮放指示器寬度(以像素為單位)。

height

縮放指示器高度(以像素為單位)。

注意

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

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

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

本頁內容