--- title: "Carrusel o lista: elegir el diseño, las transiciones y la reproducción automática" description: "Cómo elegir y configurar la presentación del elemento web Vitextra Announcements Carousel: diseños Carrusel y Lista, transiciones Deslizar y Fundido, reproducción automática con intervalo configurable, puntos de paginación y navegación." url: https://vitextra.com/es/support/kb/10231 language: es published: 2026-11-05 modified: 2026-11-07 author: "Lidija Reising" tags: ["Announcements Carousel", "diseño de carrusel", "diseño de lista", "transición de deslizamiento", "transición de fundido", "reproducción automática", "intervalo de reproducción automática", "puntos de paginación", "carrusel de SharePoint", "elemento web de anuncios de SharePoint", "Vitextra"] --- # Carrusel o lista: elegir el diseño, las transiciones y la reproducción automática Cómo elegir y configurar la presentación del elemento web Vitextra Announcements Carousel: diseños Carrusel y Lista, transiciones Deslizar y Fundido, reproducción automática con intervalo configurable, puntos de paginación y navegación. ## Introducción Un mismo conjunto de anuncios puede presentarse de distintas formas. En la página principal, suele resultar más adecuado un carrusel compacto que ocupe poco espacio; en una columna lateral estrecha o en la página de un departamento, puede ser más práctica una ::lista:: en la que todo se vea a la vez. El ::elemento web:: [Announcements Carousel](https://vitextra.com/es/products/announcements-carousel) admite ambos escenarios. Este artículo explica las opciones de los grupos **Apariencia** y **Comportamiento** del panel de propiedades que controlan la presentación de los anuncios y la navegación de los lectores. ## Elegir el diseño La opción **Diseño** del grupo **Apariencia** ofrece dos modos. ### Carrusel Se muestra una tarjeta cada vez. Los lectores cambian de anuncio mediante los controles descritos más abajo. Este es el modo predeterminado. Elija **Carrusel** cuando: - el elemento web esté situado en una zona destacada de la página principal y no deba ocupar mucho espacio; - haya varios anuncios y cada uno sea lo suficientemente importante como para ocupar toda la tarjeta; - desee utilizar la reproducción automática. ![El diseño Carrusel](https://static.vitextra.com/articles/10231/carousel-layout-es.png) *El diseño Carrusel* ### Lista Todos los anuncios (hasta el límite de **Número máximo de elementos**) se muestran a la vez como una lista vertical de tarjetas. No hay controles de navegación ni reproducción automática: los lectores simplemente se desplazan por la página. Elija **Lista** cuando: - el elemento web esté situado en una columna estrecha de la página; - los lectores deban ver todos los anuncios actuales sin hacer clic; - haya pocos anuncios y sean breves. ![El diseño Lista](https://static.vitextra.com/articles/10231/stacked-layout-es.png) *El diseño Lista* 💡 **Consejo** En el diseño Lista, establezca un valor reducido de **Número máximo de elementos**, por ejemplo, 3–5, para que el elemento web no alargue demasiado la página. Consulte [KB10229. Controlar qué anuncios se muestran y en qué orden](https://vitextra.com/es/support/kb/10229). ## Transiciones La opción **Transición** define la animación que se utiliza al cambiar de tarjeta en el diseño Carrusel: - **Deslizar** (predeterminada): las tarjetas se desplazan horizontalmente, como en un carrusel clásico; - **Fundido**: la tarjeta actual desaparece gradualmente y la siguiente aparece de forma suave. **Deslizar** destaca la secuencia de los anuncios, mientras que **Fundido** ofrece un efecto más tranquilo y resulta adecuado para páginas de diseño sobrio. La opción se ignora en el diseño Lista. ## Navegación En el diseño Carrusel, los lectores pueden cambiar de anuncio de varias formas: - **Flechas anterior y siguiente** en el encabezado del elemento web. En la primera tarjeta, el botón «anterior» no está disponible; en la última, no está disponible el botón «siguiente». - **Puntos de paginación** debajo de la tarjeta: muestran la posición actual y permiten ir directamente a cualquier anuncio. Se controlan mediante la opción **Mostrar puntos de paginación** del grupo **Comportamiento** (activada de forma predeterminada). - **Teclado**: cuando el carrusel tiene el foco, las teclas ←/→ cambian de tarjeta. - **Gesto de deslizamiento**: en dispositivos táctiles, deslice la tarjeta hacia la izquierda o la derecha. ![Controles de navegación del carrusel](https://static.vitextra.com/articles/10231/navigation-controls-es.png) *Controles de navegación del carrusel* 📝 **Nota** Si solo hay un anuncio que mostrar, el carrusel no muestra flechas, puntos ni el botón de reproducción y pausa, ya que no hay otros anuncios a los que cambiar. En los sitios con idiomas de derecha a izquierda (árabe, hebreo), la dirección de las flechas, las teclas y los gestos se invierte automáticamente. ## Reproducción automática La reproducción automática va cambiando los anuncios para que los lectores vean todas las noticias sin hacer clic. Se configura en el grupo **Comportamiento**: - **Reproducción automática**: activa o desactiva la rotación automática (desactivada de forma predeterminada); - **Intervalo de reproducción automática (segundos)**: tiempo durante el que se muestra cada tarjeta, de 2 a 30 segundos, con un valor predeterminado de 5. El control deslizante solo está disponible cuando la reproducción automática está activada. ![El grupo Comportamiento del panel de propiedades](https://static.vitextra.com/articles/10231/behavior-group-es.png) *El grupo Comportamiento del panel de propiedades* La reproducción automática está diseñada para facilitar la lectura: - después de la última tarjeta, el carrusel vuelve a la primera; - la rotación **se pausa** mientras el puntero se encuentra sobre el elemento web o este tiene el foco del teclado, para que el lector pueda terminar de leer con tranquilidad; - cuando la reproducción automática está activada, aparece un **botón de reproducción y pausa** en el encabezado que permite detener o reanudar la rotación; - mientras las diapositivas cambian automáticamente, los lectores de pantalla no anuncian cada cambio, de modo que no interrumpen al usuario. ❗ **Importante** La reproducción automática solo funciona en el diseño Carrusel y cuando hay al menos dos anuncios. En el diseño Lista, las opciones de reproducción automática se ignoran. 💡 **Consejo** Elija el intervalo en función de la extensión del texto: entre 5 y 8 segundos bastan para un título breve con una o dos frases, mientras que los anuncios más largos necesitan entre 10 y 15 segundos. Si los lectores indican que las tarjetas cambian demasiado rápido, aumente el intervalo en lugar de desactivar la reproducción automática. ## Configuraciones recomendadas | Escenario | Diseño | Transición | Reproducción automática | Número máximo de elementos | | --- | --- | --- | --- | --- | | Página principal, ::sección de ancho completo:: | Carrusel | Deslizar | Activada, 8–10 s | 5–10 | | Página principal, sección de dos tercios | Carrusel | Fundido | Activada o desactivada | 5 | | Columna lateral, página de departamento | Lista | - | - | 3–5 | | Pestaña de ::Microsoft Teams:: | Carrusel | Deslizar | Desactivada | 10 | ## Conclusión El diseño, la transición y la reproducción automática bastan para adaptar el elemento web a cualquier ubicación de la página: un carrusel dinámico para la página principal o una lista compacta para una columna lateral. Sea cual sea su elección, los lectores mantienen el control: pueden pausar la rotación, utilizar el teclado o deslizar las tarjetas. Para obtener una descripción completa de las opciones del elemento web, consulte [KB10221. Announcements Carousel: funciones y posibilidades del elemento web para SharePoint](https://vitextra.com/es/support/kb/10221).