放大按鈕

按一下或點擊此按鈕將放大主視圖中的影像。 此按鈕不顯示在手機上以保存螢幕不動產。 可以使用CSS調整此按鈕的大小、外觀和位置。

主查看器區域的CSS屬性

按鈕的外觀由以下CSS類選擇器控制:

.s7spinviewer .s7zoominbutton

CSS屬性

說明

頂部

從上邊框定位,包括填充。

右側

從右邊框定位,包括填充。

左側

從左邊框定位,包括填充。

底部

從底邊框定位,包括填充。

width

按鈕的寬度。

height

按鈕的高度。

背景影像

為給定按鈕狀態顯示的影像。

背景位置

如果使用CSS浮雕,則在圖稿浮雕內定位。

請參閱 CSS繁體

注意

此按鈕支援 state 屬性選擇器,可用於將不同外觀應用於不同按鈕狀態。

按鈕工具提示可以本地化。 請參閱 用戶介面元素的本地化 的子菜單。

示例 — 設定32 x 32像素的放大按鈕,並從查看器的上邊緣和右邊緣放置6個像素。 最後,顯示四個不同按鈕狀態中每個狀態的不同影像。

.s7spinviewer .s7zoominbutton {
top:6px;
right:6px;
width:32px;
height:32px;
}
.s7spinviewer .s7zoominbutton [state='up'] {
background-image:url(images/v2/ZoomInButton_dark_up.png);
}
.s7spinviewer .s7zoominbutton [state='over'] {
background-image:url(images/v2/ZoomInButton_dark_over.png);
}
.s7spinviewer .s7zoominbutton [state='down'] {
background-image:url(images/v2/ZoomInButton_dark_down.png);
}
.s7spinviewer .s7zoominbutton [state='disabled'] {
background-image:url(images/v2/ZoomInButton_dark_disabled.png);
}

本頁內容