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 cursortype selettore di attributi che può essere applicato al .s7zoomview classe. Controlla il tipo di cursore in base allo stato del componente e all'azione dell'utente. I seguenti cursortype sono supportati:

  • 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