Ventana emergente ShowBox

Paso 2 - Plantilla >

Ventana emergente ShowBox

Previous pageReturn to chapter overviewNext page

Por medio de los comandos de esta ventana se define el Estilo de la ventana ShowBox utilizada en las galerías (ver Objeto de galería), en el enlace Galería con ShowBox (ver Enlace | Acción) y en el Objeto Catálogo de Productos. En todos los casos la ventana ShowBox se abre a través de un enlace y sirve para mostrar una imagen ampliada, un vídeo o toda una secuencia de imágenes. Pulsando el enlace, la ventana del explorador se oscurece para resaltar la ventana ShowBox, que se muestra superpuesta según el efecto de entrada definido.

Las opciones disponibles en la sección Efecto son:

Efecto de transición: define un efecto de entrada para toda la ventana ShowBox. Los efectos Zoom y Zoom y ocultar la imagen de inicio son similares entre sí pero se distinguen por el hecho de que la imagen de partida permanece visible durante la ampliación en un caso, y en el otro no. El efecto Zoom y ocultar la imagen de inicio está por esta razón especialmente indicado para cuando el enlace que provoca la visualización de la ventana ShowBox está asociado a una imagen y no a un texto.
Transición: establece un efecto de transición entre una imagen y la siguiente en la ventana ShowBox.

Las opciones que están en el recuadro Estilo son:

Color: define el color de fondo de lo que queda fuera de la ventana ShowBox, es decir el color que se vuelve semitransparente (según el valor definido para la opción Opacidad) y que se utiliza para oscurecer la ventana del Navegador en segundo plano.
Opacidad: ajusta el valor de opacidad del fondo externo. Cuanto más alto sea el valor de la opacidad, menos visible será la ventana del navegador que está debajo.
Estilo de los botones: define el aspecto gráfico de los botones para la navegación entre las diferentes imágenes que se muestran en la ventana ShowBox, eligiendo entre los estilos propuestos.

Las opciones que están en el Recuadro exterior son:

Color: definen el color del fondo de la ventana ShowBox.
Grosor: especifica el grosor de los bordes, también individualmente.
Color: especifica el color de los bordes, también individualmente.
Factor de redondeo: define el factor de redondeo de las esquinas, también individualmente.
Sombra: aplica una sombra, definiendo su color, la posición, la difusión y el tamaño.

Las opciones que están en el recuadro Texto son:

Color: define el color para el texto de la ventana ShowBox.
Fuente: define el tipo de carácter, el estilo y el tamaño del texto. El menú desplegable propone: la opción para aplicar la Fuente predeterminada (definida por el estilo del elemento Texto de la página en la ventana Estilo de los textos); la lista de las Fuentes Seguras, es decir fuentes presentes en todos los dispositivos y para las cuales por tanto no es necesaria ninguna publicación; todas las Fuentes Web y las Google Fonts añadidas mediante la ventana Añadir Fuentes Web que se abre con la opción Otros tipos de carácter.
Alineación: establece la alineación del texto a la Izquierda, al Centro o a la Derecha respecto de la ventana ShowBox.

Por último, es posible definir las siguientes Opciones:

Mostrar indicador de posición: si está activa, en la esquina superior izquierda se muestra el número de la imagen actual respecto al total de imágenes incluidas (p. ej.: 3/8).
Permitir la vista a pantalla completa: si está activa, la ventan ShowBox se muestra ocupando toda la ventana del Navegador.
Permitir ampliación de imágenes: si está activa, estarán disponibles los botones para dar al Usuario la posibilidad de ampliar las imágenes mostradas dentro de la ventana ShowBox.