El módulo GSAP Elements para Joomla ofrece un potente conjunto de estilos y efectos animados diseñados para mejorar el atractivo visual y la interactividad de los sitios web Joomla. Aprovechando la robusta plataforma de animación GreenSock (GSAP), este módulo permite a desarrolladores y diseñadores crear precargadores, escaparates, efectos de paralaje, flujos de procesos, galerías, contadores y una variedad de elementos animados que cautivan a los usuarios.
Lo que hace que este módulo sea particularmente versátil es su capacidad para mostrar contenido sin problemas desde artículos de Joomla o elementos personalizados definidos directamente dentro de sus parámetros. Esta flexibilidad permite a los creadores de sitios integrar animaciones dinámicas sin sacrificar la comodidad de la gestión de contenido. Más allá de las animaciones básicas, GSAP Elements introduce efectos de cursor opcionales y sofisticados efectos de gel de imagen que añaden profundidad y retroalimentación táctil a las interacciones del usuario. Además, la compatibilidad con Google Fonts y la configuración de diseño adaptable garantizan que la presentación visual se mantenga elegante y consistente en diferentes dispositivos y tamaños de pantalla.
Al combinar las potentes capacidades de GSAP con la flexibilidad de contenido de Joomla, transforma los sitios estáticos en experiencias digitales vibrantes que invitan a la exploración y deleitan a los visitantes.
Configuración general
- Estilo: seleccione el estilo visual (ejemplos: `preloader`, `show`, `show1` ... `show13`, `parallax1`, `process`, `process_glitch`, `process2`, `project`, `skew`, `gallery`, `animate`, `counters`, `imggel`).
- Subformularios utilizados para agregar elementos personalizados (se usan cuando `Style` es `animate`, `counters` o cuando `Source` = Elementos personalizados).
- Origen de datos: Artículos / Elementos personalizados.
- Ancho de columna: diseño de columnas para contadores (2 a 6 y variantes).
- Ancho completo: alternancia de ancho completo del módulo (activado/desactivado).
- Texto principal: título principal que se muestra en los estilos aplicables.
- Mostrar contador: alternancia de conteo para estilos específicos.
- Sección superior, imagen de fondo y Texto informativo para ciertos estilos (p. ej., `process2`).
- Opción de zoom en la última imagen para el estilo `show9`.
- Diversos efectos de imagen/fondo y selección de efectos.
- Velocidad: velocidad de paralaje (para `parallax1`).
- Color de fondo (RGBA) para algunos estilos.
- Cargar jQuery: carga jQuery desde el módulo (habilitar solo si es necesario).
- Habilitar cursor personalizado.
- Usar la imagen del elemento como cursor: Sí/No.
- Modo de fusión (normal o `difference`).
- Habilitar la fuente de Google.
- URL de la fuente, nombre de la familia y grosor cuando la fuente de Google está habilitada.
Fuente de datos:
Artículos
- Seleccionar categoría
- Artículos de subcategorías
- Profundidad de la categoría
- Filtro de etiquetas
- Artículos destacados
- Campo del artículo para ordenar
- Dirección de ordenación
- Cantidad
- Abrir enlace: ventana nueva / misma ventana / ventana emergente
- Campos personalizados del artículo: Sí / No
- Título de la categoría: Sí / No
- Título del artículo: Sí / No
- Longitud máxima del título
- Mostrar descripción: Sí / No
- Descripción Longitud máxima
- Mostrar fecha - Sí / No
- Formato de fecha - Sí / No
- Mostrar "Leer más" - Sí / No
- Configuración de imágenes
- Desde introducción de imagen - Sí / No
- Desde texto completo de imagen - Sí / No
- Desde texto de introducción en línea - Sí / No
- Desde texto completo en línea - Sí / No
- Orden para obtener
- Modo de redimensionamiento
- Ancho de imagen
- Alto de imagen
Elementos personalizados
- Seleccionar imagen
- Título
- Información
- Texto principal
- Enlace para leer más
Estilo Showcase
Estilo Showcase1
Estilo Showcase2
Estilo Showcase3
Estilo Showcase4
Estilo Showcase5
Estilo Showcase6
Estilo Showcase7
Estilo Showcase8
Estilo Showcase9
Estilo Showcase10
Estilo Showcase11
Estilo Showcase12
Estilo Showcase13
Estilo Parallax
Estilo Process
Estilo Process2
Estilo Skew
Estilo Project
Estilo Gallery
Estilo Counters
Estilo Images Gel Effect
Estilo Page Preloader
