Para crear una galería de imágenes en tu proyecto, haz clic en '+' (W) ubicado en el panel izquierdo y selecciona 'Slideshow'.
Agregar y re-ordenar imágenes
Carga o suelta imágenes una por una, o selecciona varios archivos. Para cambiar el orden de las diapositivas, agregar, reemplazar o eliminar imágenes, haz clic en las imágenes en los controles del widget 'Slideshow'.
Configuración de diapositivas
Para personalizar la apariencia de las diapositivas, haz clic en ‘Settings’ dentro de los controles del widget.
- Arrows. Es posible cambiar las flechas predeterminadas por iconos de nuestra biblioteca, a su vez, puedes colocarlas en la parte inferior o a los costados de tu presentación de diapositivas. Elige la opción ‘Mouseover’ para mostrar flechas solo cuando se desplaza el cursor sobre la presentación de diapositivas o selecciona ‘Normal’ para desplegarlas de manera tradicional. También puedes ocultar las flechas por completo haciendo clic en ‘Disable’.
- Counter. Muestra la cantidad de diapositivas con números o puntos.
- Icons color. Indica un color para las flechas y contador de diapositivas. Ten en cuenta que no es posible cambiar el color de los puntos del contador si se encuentran fuera de la presentación de diapositivas.
- Fullscreen. Agrega un botón que permite a los visitantes ver tus diapositivas en modo pantalla completa.
- Captions. Agrega descripciones a cada diapositiva. También habilita el acceso a los controles Tipografía, Estilo de fuente y Color para modificar los atributos del texto.
- Thumbs. Muestra miniaturas de las diapositivas.
- Fill. Expande el contenido de la diapositiva al ancho del widget.
- Radius. Redondea los bordes de tus diapositivas.
- Bg color. Establece el color del fondo.
Transiciones
Hay dos tipos de transiciones entre diapositivas: deslizante (Slider) o cruzado (Crossfade). Puedes obtener más información sobre esta función aquí.
Texto alternativo para tus diapositivas
Para agregar un texto alternativo a tus diapositivas, haz clic en el control ‘Alt text’ en la configuración del widget, e ingresa el texto en la ventana emergente ‘Semantics’. El atributo aparecerá en el código fuente de tu proyecto. Obtén más información sobre las etiquetas alternativas aquí.