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

Proprietà CSS

Descrizione

colore di sfondo

Colore di sfondo nel formato esadecimale della vista principale.

cursore

Cursore visualizzato sulla vista principale.

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.

In questa pagina