widget: Control deslizante de imagen

Recomendación

¿Estás buscando crear un control deslizante de imágenes para el fondo de un elemento? Echa un vistazo a los fondos de elementos.

Editor de contenido

Para acceder al editor de contenido, haga clic con el botón derecho en el widget y, a continuación, haga clic en Editar contenido.

agregar Imágenes

Para agregar una imagen al control deslizante, haga clic en agregar Imagen o haga clic en la imagen en blanco Square. Esto abre el selector de imágenes. Tienes las siguientes opciones:

  • Seleccione una de las imágenes disponibles inmediatamente.

  • Haga clic en Vista completa para abrir el Selector de imágenes.

  • Haga clic en el icono más para cargar una imagen.

Eliminar imágenes

En el Editor de contenido, haga clic en la X en la esquina superior de la miniatura de la imagen para eliminarla.

Configuración de imagen/diapositiva

Haga clic para seleccionar una imagen/diapositiva existente en la pestaña Contenido del editor de contenido. Esto abre la Configuración de imagen y donde se puede editar el contenido de las diapositivas.

Tiene las siguientes opciones adicionales en la Configuración de imágenes:

  • Reemplazar, editar o eliminar la imagen.

    Nota

    Para obtener más información sobre la edición de imágenes, consulte Editor de imágenes.

  • Posición. Ajusta qué parte de la imagen se muestra.

  • Enlace a la diapositiva. Convierte toda la imagen en un botón que se puede vincular.

  • Título del control deslizante. Agregue texto grande a la imagen del control deslizante. Para ocultar el título, haga clic en el ícono del ojo (esto se aplicará solo a esta imagen/diapositiva).

  • Título del control deslizante. Agregue texto más pequeño a la imagen del control deslizante debajo del texto del título. Emplee el editor de texto para agregar color, énfasis (negrilla, cursiva y subrayado) y viñetas al texto en el cuadro de subtítulo. Para ocultar el título, haga clic en el ícono del ojo (esto se aplicará solo a esta imagen/diapositiva).

    Nota

    El campo de texto largo proporciona varias opciones de formato de texto, como cursiva, negrilla o subrayado.

  • Botón. agregar un botón a la imagen del deslizador que se puede vincular como un botón widget. Para ocultar el botón, haga clic en el ícono del ojo (esto se aplicará solo a esta imagen/diapositiva).

  • Texto alternativo. Escriba su propio texto alternativo.

Editar y reemplazar imágenes
  • Para abrir el selector de imágenes y seleccionar una imagen diferente, haga clic en Reemplazar.

  • Para abrir el editor de imágenes incorporado para agregar características y estilos a una imagen, haga clic en Editar.

Editor de diseño

Para acceder al editor de diseño, haga clic con el botón derecho en el widget y, a continuación, haga clic en Editar diseño.

Disposición

Para ver las opciones de diseño disponibles y cambiar el diseño, haga clic en la miniatura.

Transición

En el editor de diseño, desplácese hasta la transición y configure lo siguiente:

  • Transición deslizante. Seleccione Fundido o Deslizar.

  • Reproducción automática.

  • Velocidad de presentación de diapositivas. Mueva el control deslizante para seleccionar una velocidad entre 1 y 20 segundos.

  • Pausar la presentación de diapositivas en hover.

  • Animación de contenido. Seleccione una animación de la lista desplegable.

Mostrar imágenes completas

Cuando se agregan imágenes al control deslizante de imágenes, no se mostrarán en sus dimensiones naturales. Estas imágenes se muestran para llenar las dimensiones del control deslizante de imágenes, por lo que las imágenes pueden estirar o ver borrosas. Para mostrar las imágenes en sus dimensiones naturales, en el editor de diseño, haga clic en Marco y luego en el botón Mostrar imagen completa .