Das Joomla-Modul GSAP Elements bietet eine leistungsstarke Sammlung animationsbasierter Stile und Effekte, die die visuelle Attraktivität und Interaktivität von Joomla-Websites steigern. Dank der robusten GreenSock Animation Platform (GSAP) ermöglicht dieses Modul Entwicklern und Designern die Erstellung ansprechender Preloader, Showcases, Parallax-Effekte, Prozessabläufe, Galerien, Zähler und einer Vielzahl weiterer animierter Elemente, die Nutzer begeistern.
Die besondere Vielseitigkeit dieses Moduls liegt in seiner Fähigkeit, Inhalte nahtlos aus Joomla-Artikeln oder direkt in seinen Parametern definierten benutzerdefinierten Elementen anzuzeigen. Diese Flexibilität erlaubt es Website-Erstellern, dynamische Animationen zu integrieren, ohne auf den Komfort der Inhaltsverwaltung verzichten zu müssen. Neben grundlegenden Animationen bietet GSAP Elements optionale Cursor-Effekte und ausgefeilte Bildgel-Effekte, die die Nutzerinteraktionen bereichern und ein haptisches Feedback erzeugen. Die Unterstützung von Google Fonts und anpassbare Layout-Einstellungen gewährleisten zudem eine stilvolle und konsistente visuelle Darstellung auf verschiedenen Geräten und Bildschirmgrößen.
Durch die Kombination der leistungsstarken GSAP-Funktionen mit der Inhaltsflexibilität von Joomla verwandelt es statische Websites in lebendige digitale Erlebnisse, die zum Entdecken einladen und Besucher begeistern.
Allgemeine Einstellungen
- Stil – Visuellen Stil auswählen (Beispiele: `preloader`, `show`, `show1` ... `show13`, `parallax1`, `process`, `process_glitch`, `process2`, `project`, `skew`, `gallery`, `animate`, `counters`, `imggel`).
- Unterformulare zum Hinzufügen benutzerdefinierter Elemente (verwendet, wenn `Stil` auf `animate` oder `counters` gesetzt ist oder wenn `Quelle` = Benutzerdefinierte Elemente ist).
- Datenquelle – Artikel / Benutzerdefinierte Elemente.
- Spaltenbreite – Spaltenlayout für Zähler (2 bis 6 und Varianten).
- Volle Breite – Modul in voller Breite anzeigen (ein-/ausschalten).
- Haupttext – Haupttitel, der in den entsprechenden Stilen angezeigt wird.
- Zähler anzeigen – Zählen für bestimmte Stile ein-/ausschalten.
- Oberer Bereich, Hintergrundbild und Informationstext für bestimmte Stile.
- (z. B. `process2`).
- Option zum Vergrößern des letzten Bildes für den Stil `show9`.
- Verschiedene Bild-/Hintergrundeffekte und Effektauswahl.
- Geschwindigkeit – Parallax-Geschwindigkeit (für `parallax1`).
- Hintergrundfarbe (RGBA) für einige Stile.
- jQuery laden – jQuery optional aus dem Modul laden (nur bei Bedarf aktivieren).
- Benutzerdefinierten Cursor aktivieren.
- Bild des Elements als Cursor verwenden – Ja/Nein.
- Überblendungsmodus (normal oder `difference`).
- Google Font aktivieren.
- Schriftart-URL, Familienname und Schriftschnitt, wenn `Google Font` aktiviert ist.
Datenquelle:
Artikel
- Kategorie auswählen
- Artikel in Unterkategorien
- Kategorietiefe
- Schlagwortfilter
- Empfohlene Artikel
- Artikelfeld zum Sortieren
- Sortierrichtung
- Anzahl
- Link öffnen – Neues Fenster / Gleiches Fenster / Popup-Fenster
- Benutzerdefinierte Artikelfelder – Ja / Nein
- Kategorietitel – Ja / Nein
- Artikeltitel – Ja / Nein
- Maximale Titellänge
- Beschreibung anzeigen – Ja / Nein
- Maximale Beschreibungslänge
- Datum anzeigen – Ja / Nein
- Datumsformat – Ja / Nein
- Weiterlesen anzeigen – Ja / Nein
- Bildeinstellungen
- Einleitung aus dem Bild – Ja / Nein Nein
- Vollständiger Text aus dem Bild – Ja/Nein
- Einleitender Text im Text – Ja/Nein
- Vollständiger Text im Text – Ja/Nein
- Reihenfolge
- Größenänderungsmodus
- Bildbreite
- Bildhöhe
Sonderanfertigungen
- Bild auswählen
- Titel
- Info
- Haupttext
- Link „Weiterlesen“
Showcase Stil
Showcase1 Stil
Showcase2 Stil
Showcase3 Stil
Showcase4 Stil
Showcase5 Stil
Showcase6 Stil
Showcase7 Stil
Showcase8 Stil
Showcase9 Stil
Showcase10 Stil
Showcase11 Stil
Showcase12 Stil
Showcase13 Stil
Parallax Stil
Process Stil
Process2 Stil
Skew Stil
Project Stil
Gallery Stil
Counters Stil
Images Gel Effect Stil
Page Preloader Stil
