縮放視圖

主檢視包含可縮放的影像。

主檢視器區域的CSS屬性

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

.s7zoomviewer .s7zoomview

CSS屬性

說明

背景色

主視圖的十六進位格式背景顏色。

游標

顯示在主視圖上的游標。

示例——使主視圖透明。

.s7zoomviewer .s7zoomview { 
 background-color: transparent; 
}

在案頭系統上,元件支援cursortype屬性選擇器,該選擇器可應用於.s7zoomview類。 它根據元件狀態和用戶操作控制游標的類型。 支援下列cursortype值:

  • default

    當影像因影像解析度小或元件設定或兩者皆無法縮放時顯示。

  • zoomin

    可放大影像時顯示。

  • reset

    當影像處於最大縮放層級,且可重設為初始狀態時顯示。

  • drag

    當使用者平移處於縮放狀態的影像時顯示。

  • slide

    當使用者透過水準滑動或輕拂來執行影像切換時顯示。

本頁內容

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