Widgets del carrusel Elementor

Un carrusel debería hacer más que deslizarse. Master Addons te lo ofrece veinte estilos de movimiento terminados (coverflow, acordeón, flip, cronología, testimonial y más) junto con imagen, logo, equipo y carruseles de publicaciones que no cuestan nada. Ocho de los veinte se importan en el complemento gratuito, y cada diseño tiene una demostración en vivo, por lo que puedes juzgar un estilo de movimiento en diez segundos en lugar de leer una lista de funciones. Los veinte salen de los complementos maestros Creador de widgets, entonces se importan como widgets de trabajo y los editas en Elementor como cualquier otra cosa. No hay código para pegar.

Cada diseño, con su demo, JSON y docs

Todo el conjunto en una lista. Abra una demostración para ver cómo se comporta el movimiento, compare el estilos basados en la profundidad frente a los planos, toma el JSON si lo quieres en Elementor y lee el documento cuando un control hace algo que no esperabas. Los veinte se hicieron con el Creador de widgets, por lo que editar cualquiera de ellos es trabajo de panel, no código.

Pro

Tres diapositivas aparecen en la pantalla a la vez: la del medio se cuadra, las dos exteriores se giran y se atenúan para que el ojo sepa dónde aterrizar. Las flechas, los puntos de tictac y un contador son opcionales, la reproducción automática lleva su propia etiqueta de pausa y las teclas de flecha y desliza ambos pasos. Lo mejor en carteras donde la siguiente pieza debería provocar en lugar de competir.

Pro

Los paneles verticales permanecen comprimidos en sus etiquetas hasta que uno se abre y aprieta a sus vecinos, por lo que seis secciones encajan en la altura de una. Un control de diseño voltea todo a una disposición apilada, se puede apagar el modo abierto al tacto y se elige qué panel está abierto cuando se carga la página. Un contador puede sentarse arriba o abajo.

Pro

Una fotografía de sangrado completo con el título desvaneciéndose en medio tiempo después de que la imagen aterriza, por lo que la imagen se lee primero y las palabras solo lo confirman. La reproducción automática con una línea de progreso, los pasos del teclado y el deslizamiento están integrados, y las imágenes debajo del pliegue se cargan de manera perezosa. Hecho para áreas heroicas donde la imagen transmite el mensaje, no largas galerías.

Pro

Una pila de cartas offset donde la superior se levanta y se despega hacia un lado. La profundidad que queda es la forma en que la gente juzga lo que queda, por lo que no se necesita contador. Cada tarjeta lleva una insignia, un precio y una nota, usted establece cuántos permanecen visibles en la pila y una pista opcional les dice a los principiantes que la arrastren. Siguiente y Atrás están etiquetados como texto.

Pro

El marco se divide por el centro y las dos mitades viajan en direcciones opuestas, descubriendo el siguiente emparejamiento cuando se cruzan. Un movimiento fuerte: úselo una vez, cerca de la parte superior de una página, en lugar de para una galería de doce imágenes. El teclado, el deslizamiento y una lectura de progreso vienen con él, y a los lectores de pantalla se les dice qué par se muestra.

Pro

La rueda de desplazamiento impulsa las diapositivas y la página retrocede en el momento en que llegas a cualquiera de los extremos, por lo que nadie queda atrapado en la sección en el camino hacia abajo. Las teclas de flecha y el deslizamiento hacen el mismo trabajo. Lo mejor en historias verticales donde el orden de lectura importa más que dejar que la gente salte, y el movimiento reducido lo convierte en un paso simple.

Pro

Las cartas giran sobre su eje vertical para mostrar una segunda cara, por lo que una diapositiva hace el trabajo de dos: al frente para el campo, atrás para la especificación. Los puntos rastrean la posición, las teclas de flecha y deslizan el paso, y los visitantes de movimiento reducido obtienen el intercambio sin girar. Ambas caras son editables. Bueno para especificaciones de productos, detalles de precios y biografías del equipo.

Pro

Las diapositivas recorren el borde de un círculo anclado debajo de la ventana gráfica, llegan niveladas y se inclinan a medida que salen, por lo que se lee como movimiento a lo largo de un camino en lugar de a lo largo de una pista. Rueda, teclado y deslizamiento, todo lo impulsa y una posición de contramarcas. Se adapta a conjuntos de imágenes donde el movimiento es parte del tono; El movimiento reducido aplana la curva.

Pro

Los mosaicos desiguales intercambian posiciones en lugar de deslizarse hacia los lados, por lo que la composición cambia de forma mientras el marco permanece colocado. El teclado y el deslizamiento lo mueven y el movimiento reducido se corta fácilmente. Se adapta a una galería donde ninguna imagen tiene que ser lo primero « el conjunto es el punto, y la clasificación sólo se interpondría en el camino. Los tamaños de los mosaicos se establecen en el panel.

Pro

Agarra y lanza, con impulso y sin puntos de presión, por lo que la tira se detiene dondequiera que la deje tu película. La rueda y el teclado también funcionan, y un contador mantiene la posición honesta. La diapositiva semivisible en el borde es lo que le dice a la gente que siga tirando «sin que las filas salientes y de arrastre libre se lean como estáticas. En su lugar, los usuarios del teclado obtienen pasos discretos.

Pro

Dos paneles se separan para descubrir la diapositiva que ya está detrás de ellos. Nada viaja horizontalmente, por lo que mantiene la calma dentro de una página densa donde una pista deslizante lucharía contra todo lo que lo rodea. Los pasos del teclado, el deslizamiento y el manejo de movimiento reducido están integrados. Lo mejor es con imágenes individuales fuertes; Las composiciones ocupadas se pierden detrás de los paneles.

Pro

Los elementos recorren un círculo completo alrededor de un centro fijo y terminan donde comenzaron, con una posición de contramarcado en el camino. El teclado y el deslizamiento lo escalan y el movimiento reducido deja caer la órbita para un cambio simple. Guárdelo para contenido que realmente recorre «un proceso, un ciclo, un año «donde el punto es regresar al inicio.

Una imagen llena el escenario y las diapositivas se intercambian instantáneamente, por lo que no hay nada que tartamudee en una conexión lenta o se desincronice cuando Elementor se vuelve a renderizar. El único diseño aquí con un enlace en cada diapositiva más una etiqueta de llamada a la acción compartida. Ochenta y cinco controles cubren la malla, los puntos, las flechas, el contador, el teclado y el deslizamiento.

Una columna de filas de entrada al lado de una sola placa; Al elegir una fila se intercambia la imagen, el sello y el título, lo que hace que la lista sea la navegación. Seleccionar en vuelo estacionario es un interruptor que vale la pena dejar dondequiera que lo cruce un puntero perdido. Construido para catálogos, archivos y listas de obras. 110 controles se encuentran en dieciocho secciones.

Una placa grande debajo de una tira de miniaturas, con un panel adhesivo al lado que sostiene el título y una tabla de datos de marco: lugar, hora, lente, apertura, obturador, ISO, cada etiqueta editable. Los marcos se reemplazan directamente, nada se desliza. La tira es el control real; las flechas están ahí para las personas que las desean. Hay 127 controles en el panel.

Nueve cuadros de elementos ubicados tres a la vez, con un riel de segmento que muestra la posición y salta directamente a una página. Cada cuadro contiene una imagen, categoría, título, copia y un par de estadísticas. La unidad que se repite es la página en lugar del artículo, que es el intercambio por el nivel gratuito: nueve cuadros en tres secciones de contenido. El riel se puede ocultar.

Una tira de pestañas sobre paneles editoriales « figura y título, pateador, título, lede, copia corporal, una tabla de datos de tres filas y una firma. Semántica de tabla ARIA real con índice de pestañas itinerante, por lo que las teclas de flecha y los lectores de pantalla se comportan como la gente espera. Más cerca de una extensión de revista que de un control deslizante, y mejor para una copia larga. 131 controles.

Una cita al lado de su retrato, escalonada con galones que pueden nombrar a quien hable a continuación en lugar de simplemente señalar a algún lugar. Una barra de progreso y una posición de seguimiento de recuento en ejecución. La comilla es un control de texto en lugar de un glifo fijo, por lo que puede coincidir con el idioma del sitio o vaciarse por completo. Cinco campos por voz, tres voces.

Entradas fijadas a un eje fechado, con el espacio entre garrapatas calculado a partir de los años que escribe en lugar de distribuirse uniformemente, por lo que las décadas tranquilas permanecen visibles como espacios. Un peine de décadas por encima de la regla le da a ese espacio una escala para leer. El panel más ancho del conjunto con 143 controles, el eje diseñado por sí solo. Nueve campos por entrada.

Un artículo se mantuvo grande con los demás esperando a su lado. Haga clic en un satélite y se promociona a la ranura principal, las cajas se trasladan a sus nuevos lugares con una animación FLIP en lugar de teletransportarse allí. La característica lleva una placa de tres hechos; cada satélite muestra sólo su número y nombre. Construido para salas y exhibiciones rotativas.

Preguntas frecuentes sobre los widgets del carrusel Elementor

Conozca las consultas más frecuentes que tienen los usuarios sobre los widgets de Elementor Carousel y encuentre respuestas en un solo lugar.
¿elementor tiene un widget de carrusel?

Sí. Image Carousel se envía en el complemento gratuito de Elementor y Media Carousel Carrusel testimonial y Carrusel circular viene con Elementor Pro. El gratuito no tiene subtítulos de diapositivas y tiene un control de respuesta limitado, que es la razón habitual por la que la gente agrega un complemento.

Seis carrusel y widgets deslizantes en Master Addons son gratuitos: Carrusel de imágenes, Control deslizante de logotipo, Team Slider, el modo carrusel del widget de blog, línea de tiempo y el control deslizante Comparación de imágenes antes/después, además de la extensión gratuita Background Slider. Ocho de los veinte diseños personalizados también se importan gratis: Plinth Hero, Ledger Index, Vitrine Plate Gallery, Quadrant Paged Catalog, Bulletin Tabbed Panels, Rostrum Quote, Almanac Timeline y Keystone Feature. Los otros doce diseños, Gallery Slider y News Ticker necesitan Pro.

Un control deslizante muestra una diapositiva a la vez y suele ser un héroe de ancho completo. Un carrusel muestra varios elementos a la vez en una pista horizontal. Ambos funcionan aquí con el mismo motor Swiper, por lo que la diferencia práctica es la configuración de diapositivas por vista. Carrusel versus control deslizante cubre donde la distinción aún cambia lo que construyes.

Configure diapositivas por vista por separado para escritorio, tableta y dispositivos móviles usando los íconos del dispositivo en la parte superior de esa configuración. Cuatro, dos, uno funciona para la mayoría de las galerías. Verifique el tamaño de la flecha en el dispositivo móvil también, ya que los valores predeterminados suelen estar por debajo del objetivo de toque accesible de 44 px.

Los títulos de diferentes longitudes desvían las filas debajo de ellos y las relaciones de aspecto de imágenes mixtas hacen lo mismo. Establezca una relación de imagen fija y limite la altura del título con truncamiento o active la altura automática para que la fila se nivele en la diapositiva más alta. Las tarjetas de producto golpean con tanta fuerza, que el guía del carrusel de productos cubre.

La combinación o aplazamiento de JavaScript detuvo la carga de Swiper antes de que se ejecutara el código de inicio. Excluir swiper, elementor-frontend y jquery-core desde la optimización de JS. En LiteSpeed, agréguelos también al campo Modo invitado. De lo contrario, funciona mientras estás conectado y hace pausas para los visitantes. La guía de solución de problemas de Swiper tiene la lista completa de manijas.

Los activos se cargan sólo en las páginas donde se utiliza el widget, por lo que un widget no utilizado no cuesta nada. El peso que importa son sus imágenes: un carrusel representa cada diapositiva, así que sirva WebP en tamaño de pantalla y mantenga la primera diapositiva por debajo de 150 KB. Vídeo carruseles son el caso caro, porque cada diapositiva lleva un jugador.

Obtenga más información sobre los carruseles Elementor

Guías para cada tipo de carrusel en esta página, desde el conjunto de diseño hasta el widget que lo construye.

Diseños y plantillas

Construye un carrusel específico

Herramientas de carrusel propias de Elementor

Elegir

Widgets y extensiones de Elementor de tendencia

Cree sitios web sofisticados en menos tiempo.

Elemento Glassmorphism para Elementor de Master Addons

Vidriomorfismo

Inicio Glassmorphism es la tendencia de diseño que le da a su sitio web un aspecto suave, translúcido y moderno...
Ver detalles
Extiéndalo más allá del ancho máximo

Extras de contenedores

Inicio ¿Estás cansado de que tus impresionantes diseños se limiten a límites rígidos de contenedores? Extras de contenedores por...
Ver detalles
Extensión de patrón

Patrones

Inicio Transforme contenedores planos y estáticos en elementos de diseño visualmente atractivos con los patrones de complementos maestros...
Ver detalles
Réplicas exactas en una sola acción

Duplicador de publicaciones/páginas

Inicio Optimice su flujo de trabajo y elimine la configuración repetitiva con el duplicador de páginas/publicaciones de complementos maestros. Esto...
Ver detalles
Extensión de la barra de progreso de lectura

Barra de progreso de lectura

Inicio ¿Alguna vez has empezado a leer un artículo largo y te preguntas cuánto queda? Entonces hazlo...
Ver detalles
Oferta de septiembre

40% fuera de todo

Cada plan Master Addons Pro, anual y de por vida. Un código, ocho días.

00días
00horas
00min
00sec

Finaliza el lunes 14 de septiembre a las 23:59 ET

  • Personal1 sitio $129$77
  • Negocio5 sitios $199$119
  • DesarrolladorSitios ilimitadosLo mejor para agencias $599$359

Paga una vez. Ninguna renovación, jamás.

Código de cupón MALIFE40
Obtenga 40% de descuento ahora
  • Más de 30.000 instalaciones activas
  • 4,5/5 de 212 reseñas
  • Devolución de dinero de 14 días