Visualizzazione zoom

La vista principale è costituita dall’immagine zoomabile.

Proprietà CSS dell’area visualizzatore principale

L’aspetto dell’area di visualizzazione è controllato con il seguente selettore di classe CSS:

.s7zoomviewer .s7zoomview

Esempio : per rendere trasparente la visualizzazione principale.

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

Nei sistemi desktop il componente supporta il selettore di attributi cursortype che può essere applicato alla classe .s7zoomview . Controlla il tipo di cursore in base allo stato del componente e all'azione dell'utente. Sono supportati i seguenti valori cursortype:

• default

  Visualizzato quando l'immagine non è zoomabile a causa di una piccola risoluzione dell'immagine, delle impostazioni dei componenti o di entrambe.

• zoomin

  Visualizzato quando l'immagine può essere ingrandita.

• reset

  Visualizzata quando l'immagine è al livello di zoom massimo e può essere ripristinata al suo stato iniziale.

• drag

  Visualizzato quando l'utente fa un panning dell'immagine con lo stato di zoom.

• slide

  Visualizzato quando l’utente esegue lo scambio di immagini facendo un tocco o uno sfarfallio orizzontale.