Du befindest dich gerade in der alten Erweiterungsverwaltung von Contao 3. Contao 3 wird seit Juni 2019 nicht mehr weiter entwickelt! Die Erweiterungen für Contao 4 findest Du unter extensions.contao.org.

Erweiterungen > dk_caroufredsel

jQuery.carouFredSel Content Element

[dk_caroufredsel]

Integration des jQuery.carouFredSel-Sliders als Content-Element

jQuery.carouFredSel ist ein jQuery-Plugin, das beliebige HTML Elemente in ein Karussell/einen Slider verwandelt. Es kann dabei ein oder mehrere Elemente gleichzeitig scrollen, egal ob horizontal oder vertikal, unendlich oder kreisförmig, automatisch oder bei Nutzeraktivität.

Möglichkeiten von carouFredSel

  • vollständig anpassbar
  • automatisches scrollen oder scrollen durch Buttons, mittels Tastatur, dem Mausrad oder durch Wischen
  • optionales responsible/fluid/liquid Karussell von Haus aus.
  • unterstützt variable Element-Größen (ebenso mit einer variablen Anzahl von sichtbaren Elementen)
  • eingebaute Tastatur- und Maus-Navigation und Pagination
  • 7 eingebaute Übergangs-Effekte: none, scroll, directscroll, fade, crossfade, cover und uncover
  • viele intelligente "custom events" und eine Menge an weiteren Optionen
  • Ausrichtung (links/zentriert/rechts) der Elemente innerhalb der vorhandenen Breite/Höhe
  • dynamisches Hinzufügen und Entfernen von Elementen im Karussell
  • GET und (re)SET der Konfiguration nach Erstellung des Karussells

Implementation in Contao

  • beliebige Inhalte können gescrollt werden
  • beliebig viele Karussells auf einer Seite
  • individuelles HTML- und JavaScript-Template pro Karussell möglich
  • die meisten und wichtigsten Parameter/Einstellungen können im Backend konfiguriert werden
  • fehlende/zu komplexe Funktionalität kann im entsprechenden JavaScript-Template hinzugefügt werden (JavaScript/PHP Kenntnisse vorausgesetzt). Die meisten dynamischen Funktionen (z.B. custom events, hinzufügen/entfernen von Elementen zur Laufzeit) werden im Backend zz. nicht abgebildet.

Was in der aktuellen Version noch fehlt

  • Scrollen mittels Mausrad und durch Wischen (hier benötigt carouFredSel weitere jQuery-Plugins, die als zusätzliche Module noch folgen werden)
  • responsible/fluid/liquid Karussell noch nicht vollständig implementiert
  • Ausrichtung der Elemente innerhalb der vorhandenen Breite/Höhe

Entdeckte Fehler, Verbesserungsvorschläge oder anderes gerne im Forum oder im GitHub-Repository: https://github.com/dklemmt/contao_dk_caroufredsel

Beispiele/Infos/Anwendungs-Ideen

http://caroufredsel.frebsite.nl (Hauptseite)

http://coolcarousels.frebsite.nl (Anwendungs-Ideen)

Tipps/Hinweise

  • Damit carouFredSel gestartet wird, muß im Seitenlayout jQuery zum Layout hinzugefügt werden.
  • Das Karussell sollte "out of the box" funktionieren. Werden Elemente teilweise abgeschnitten kann es helfen eine Breite/Höhe im Start-Element anzugeben und dem div ein display:inline-block zuzuweisen;
  • Das umschließende div des Content-Elements hat die CSS-Klasse ce_caroufredsel. Innerhalb dessen befindet sich ein weiteres div mit der individuellen CSS-ID ce_caroufredsel_xxx, welches die zu scrollenden Elemente umschließt. jquery.carouFredSel hängt sich mit einem weiteren div mit der CSS-Klasse caroufredsel_wrapper dazwischen. Die Navigations-Elemente haben neben einer allgemeinen CSS-Klasse zusätzlich noch die gleiche individuelle CSS-ID.
  • Der Navigations-Bereich im HTML-Template kann bei Bedarf umsortiert werden.
  • Bei Nutzung von HTML5 sollte man ein figure { margin:0; padding:0; } in seiner CSS-Definition verwenden, welches den browser-individuellen Stil resettet. Im Safari wird z.B. ein sehr großer Abstand drumherum hinzugefügt.

Optionale Abhängigkeiten

jquery_easing - wird diese Erweiterung installiert stehen 30 weitere "Easing"-Funktionen automatisch zur Verfügung.

Version
1.0.0-beta1
Typ
Frei
Freigabedatum
07.09.2012
Kategorie
Anwendung
Lizenz
MIT/GPL
Copyright
© 2012 Dirk Klemmt (Contao-Erweiterung), © 2012 Fred Heusschen (jQuery.carouFredSel)
Autor
Dirk Klemmt (Dirch)
Freigabe-Notizen und Änderungs-Log für 1.0.0-beta1
Andere Versionen
Version Funktion
 
Total Funktion
9.20
Version Bedienung
 
Total Bedienung
8.80
Version Qualität
 
Total Qualität
9.20
Version Wertung
 
Total Wertung
9.07 (5 Stimmen)
Version Downloads
47
Total Downloads
1219
Version Install.
37
Total Install.
12691
Version Updates
Total Updates
5509
Abhängigkeiten dieser Erweiterung
Von dieser abhängige andere Erweiterungen
Name
Version von
Version bis
Contao
3.0.0-RC1
3.0.0-RC1
Name
Version von
Version bis