Añadir un carrusel de imágenes.

Aprende DXPR BuilderCrear páginasAñadir contenidoTexto y multimedia

Obtienes un pase de diapositivas que rota solo, con flechas y puntos para las visitas que quieren explorar. Úsalo para trabajos de portafolio, galerías de fotos o un hero que muestra más de una imagen.

Carrusel de imágenes con imágenes de blog y flechas de navegación

  1. Pasa el cursor sobre la columna y haz clic en + en su barra de controles, o haz clic en Add Elements en una página vacía. Abre la pestaña Content y haz clic en Image carousel.
  2. Selecciona tus Images de la biblioteca de medios e insértalas.
  3. Elige el Interval entre diapositivas.
  4. Haz clic en Save en el diálogo. Luego haz clic en Save en la barra de herramientas arriba de la zona de contenido para guardar la página.

Lo que ves

El pase rota en el intervalo que elegiste, con flechas a los lados y puntos debajo. La primera imagen se muestra al momento; las otras siguen en el orden en que las insertaste.

Abre More > Settings en el elemento. Opciones:

  • Images: elige o sube las imágenes del pase desde la biblioteca de medios.
  • Interval: tiempo entre diapositivas en milisegundos; pon 0 para detener la rotación automática (valor predeterminado: 5000).
  • Hide: marca Hide pagination control para ocultar los puntos indicadores bajo las diapositivas, o Hide prev/next buttons para ocultar las flechas izquierda y derecha.
  • Alt attribute (panel SEO): texto alternativo para las imágenes del carrusel.

Si no lo ves

  • Image carousel no está en la pestaña Content. Tu perfil de usuario lo oculta. Pide a una cuenta administradora que lo active en User profiles.
  • Ya no está tras recargar. La página no se guardó. Añádelo de nuevo y haz clic en Save en la barra de herramientas arriba de la zona de contenido.
  • Solo se muestra una imagen y nada rota. Se insertó una imagen, o Interval es 0. Añade imágenes o define un intervalo mayor que 0.
  • Sin flechas ni puntos. Hide prev/next buttons o Hide pagination control está marcado en Hide. Desmárcalos en los ajustes.

¿Qué sigue?

Panel Style para cambiar espaciado y fondo de tu carrusel de imágenes.