Efecto del icono de vista de giro

El indicador de giro se superpone en el área de vista de giro. Se muestra cuando la imagen está en estado de restablecimiento y también depende del parámetro iconeffect.

Propiedades CSS del área del visor principal

El aspecto del área de visualización se controla con el siguiente selector de clase CSS:

.s7mixedmediaviewer .s7spinview .s7iconeffect

CSS, propiedad

Descripción

background-image

Ilustración del indicador de giro.

background-position

Colocar dentro de la ilustración sprite, si se utilizan sprites CSS.

Consulte Sprites CSS .

width

Ancho del indicador de giro.

height

Altura del indicador de giro.

El indicador de giro admite el selector de atributos state, que se establece en spin_1D en el caso de un conjunto de giros unidimensional y en spin_2D en el caso de un conjunto de giros multidimensional.

Ejemplo: para configurar un indicador de zoom de 100 x 100 píxeles.

.s7mixedmediaviewer .s7spinview .s7iconeffect { 
 width: 100px; 
 height: 100px; 
} 
.s7mixedmediaviewer .s7spinview .s7iconeffect[state="spin_1D"] { 
background-image: url(images/spinIcon_1D.png); 
} 
.s7mixedmediaviewer .s7spinview .s7iconeffect[state="spin_2D"] { 
background-image: url(images/spinIcon_2D.png); 
}

En esta página

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