Efecto Icono | Adobe Experience Manager

El indicador de giro se superpone en el área de vista principal. 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:

.s7spinviewer .s7spinview .s7iconeffect

Propiedad CSS	Descripción
background-image	Ilustración del indicador de giro.
background-position	Coloque dentro del icono de ilustración si se utilizan iconos CSS. Consulte Sprites CSS .
width	Anchura del indicador de giro.
height	Altura del indicador de giro.

El indicador de giro admite state selector de atributos configurado como spin_1D si hay un conjunto de giros unidimensionales, y a spin_2D si hay un conjunto de giros multidimensional.

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

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