Control deslizante de galería
¿estás cansado de las cuadrículas de imágenes básicas o de las presentaciones de diapositivas simples? El elemento Gallery Slider combina lo mejor de ambos mundos. Presenta un elegante diseño dividido: una gran y hermosa área de vista previa combinada con una tira o cuadrícula de miniaturas de navegación. Haga clic en cualquier miniatura para actualizar instantáneamente la vista previa principal. Perfecto para portafolios, galerías de productos o mostrar cualquier colección de imágenes con una sensación interactiva premium. Con una personalización profunda y separada para cada parte 'desde miniaturas hasta subtítulos de vista previa', puede crear una galería que no solo sea funcional, sino también una parte memorable de la experiencia de su sitio.
Diseño único de diseño dividido
Este no es un carrusel estándar. Es una interfaz de galería dedicada. Elija su posición de vista previa (izquierda o derecha) y controle su ancho como porcentaje del espacio total. Las miniaturas se ubican perfectamente junto a él. En pantallas más pequeñas, utilice la función “Apilar” para apilar automáticamente la vista previa y las miniaturas verticalmente, asegurando una vista perfecta en cada dispositivo. Este diseño brinda a los usuarios una visualización clara y enfocada con una navegación sencilla.
- Control de diseño flexible: establezca la vista previa como el punto focal a la izquierda o a la derecha, con ancho ajustable (p. ej., 70%).
- Navegación en miniatura: los usuarios pueden hacer clic en miniaturas para cambiar la vista previa principal de forma intuitiva y rápida.
- Apilamiento responsivo para dispositivos móviles: apila automáticamente el diseño en tabletas y dispositivos móviles para un uso óptimo del espacio vertical.
Diseñe la vista previa, miniaturas
Logre un diseño perfectamente cohesivo diseñando cada parte de forma independiente. Estilee el fondo, los bordes y la sombra del área de vista previa. Diseñe los subtítulos de vista previa con tiposgrafía completa, relleno y controles de alineación. Luego, diseñe las miniaturas: controle su espaciado vertical/horizontal, bordes, radio de borde y alineación. Finalmente, cree interacciones atractivas diseñando efectos Hover separados tanto para la vista previa como para las miniaturas, incluidas escalas, sombras, filtros y superposiciones de colores.
- Estilo de vista previa completo: agregue fondos, alturas personalizadas y sombras al área de la imagen principal.
- Control de cuadrícula en miniatura: ajuste el espaciado y los bordes para crear una cuadrícula en miniatura ordenada y organizada.
- Comentarios interactivos: establezca efectos flotantes únicos para miniaturas (escala, color de fondo, superposición) y subtítulos de vista previa.
Animaciones y transiciones fluidas
Da vida a tu galería con un movimiento suave y profesional. La vista previa principal puede presentar un sutil efecto de giro y zoom de Ken Burns. Elija la dirección (cruzar, arriba, abajo) y la posición. Controle la velocidad de transición entre diapositivas. Agregue elegantes transiciones de subtítulos que se desvanecen o se deslizan. Cada interacción, desde cambiar imágenes hasta pasar el cursor sobre miniaturas, puede tener una velocidad de animación personalizada y una facilidad para una sensación premium pulida.
- Efecto Ken Burns: agregue un panorama o zoom cinematográfico lento a la imagen de vista previa principal para mayor dinamismo.
- Velocidad de transición personalizada: controle la rapidez con la que cambia la imagen principal cuando se hace clic en una miniatura.
- Microinteracciones refinadas: las transiciones fluidas fluidas en miniaturas y subtítulos mejoran la experiencia del usuario.
Galería profesional Controles y navegación
Administre su galería como un profesional. Elija Resolución de imagen para tiempos de carga óptimos. Habilite la reproducción automática del control deslizante o permita a los usuarios navegar manualmente. Agregue elegantes flechas de navegación a la vista previa y personalice su tamaño, color y estados de desplazamiento. Cada configuración está diseñada para brindarle un control total sobre la funcionalidad y la estética.
- Reproducción automática y bucle: configure la galería para recorrer imágenes automáticamente con velocidad ajustable.
- Flechas de navegación personalizadas: diseñe las flechas anterior/siguiente para que coincidan con el diseño de su sitio.
Preguntas frecuentes sobre el control deslizante de galería
¿cuál es la principal ventaja de esto sobre un carrusel de imágenes estándar?
Un carrusel estándar muestra una imagen a la vez con puntos/flechas. Este control deslizante de galería proporciona una interfaz de dos paneles: una vista previa grande y un conjunto visible de todas las opciones de miniaturas. Esto permite a los usuarios ver sus opciones de un vistazo y saltar directamente a cualquier imagen, que es mucho más eficiente y fácil de usar para galerías con más de unas pocas imágenes.
¿Puedo hacer que las miniaturas se muestren en una cuadrícula en lugar de en una sola fila?
¡sí! Las opciones de estilo para miniaturas incluyen controles para el espaciado horizontal y vertical, que son clave para crear una cuadrícula. Al ajustar el ancho del contenedor y estos valores de espaciado, puede crear una cuadrícula de miniaturas de varias filas junto a su vista previa.
¿se aplica el efecto Ken Burns a todas las imágenes?
Cuando está habilitado, el efecto Ken Burns (un pan/zoom lento) se aplica a la imagen de vista previa principal. Crea una animación sutil y continua en la foto actualmente activa, agregando una sensación de vida y profundidad a su galería.
¿Cómo funciona esto con muchas imágenes de alta resolución?
Para obtener el mejor rendimiento, utilice sabiamente la configuración Resolución de imagen (por ejemplo, “Grande” en lugar de “Completa” si el tamaño de la pantalla no requiere resolución completa). El elemento está optimizado, pero cargar más de 20 imágenes de tamaño completo siempre afectará la velocidad de la página. Considere cargar perezosamente o dividir galerías muy grandes en múltiples controles deslizantes.
¿Puedo usar esto para una galería de imágenes de productos en una tienda en línea?
Absolutamente. Es una excelente opción para páginas de productos donde necesita mostrar múltiples ángulos, colores o detalles. Los usuarios pueden hacer clic en la miniatura de una variante de color diferente para verla en la vista previa principal al instante. Simplemente vincule el botón principal “Comprar ahora” a su carrito o página de producto.
¿qué pasa en el móvil con la función "Stack on"?
Cuando Stack on está configurado en “Tableta y móvil”, el diseño horizontal uno al lado del otro cambia a una pila vertical. La vista previa grande aparece en la parte superior y la cuadrícula de miniaturas aparece debajo. Esto garantiza que la vista previa siga siendo grande y visible, y que las miniaturas aún se puedan tocar fácilmente en una pantalla táctil.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
Duplicador de publicaciones/páginas
