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

carouFredSel

[dk_caroufredsel]

Ein responsive/fluid jQuery-Slider für beliebige Inhalts-Elemente mit umfangreichen Einstellungen/Möglichkeiten.

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 responsive/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
  • 9 eingebaute Übergangs-Effekte: none, scroll, directscroll, fade, crossfade, cover, cover-fade, uncover und uncover-fade
  • 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
  • Karussells können als Inhalts-Element oder Modul eingebunden werden
  • Newsticker-Modul basierend auf dem Modul Nachrichtenliste
  • individuelles HTML-, CSS- und JavaScript-Template pro Karussell möglich
  • individuelle CSS-Formatierung pro Karussell möglich - jedes Karussell erhält eine eindeutige ID
  • die meisten/wichtigsten 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.

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

Quelle/Beispiele/Infos/Anwendungs-Ideen

http://caroufredsel.dev7studios.com (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 anzugeben.
  • 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, falls man das CSS-Reset Style-Sheet von Contao nicht einbindet.

Optionale Abhängigkeiten

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

jquery_mousewheel - wird diese Erweiterung installiert kann auch mit dem Mausrad gescrollt werden.

jquery_touchswipe - wird diese Erweiterung installiert kann ebenfalls mit Wischgesten und/oder Mausziehen gescrollt werden.

Version
1.0.0-beta3
Typ
Frei
Freigabedatum
25.11.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-beta3
Andere Versionen

Wichtig: Dadurch, daß die Erweiterung nun auch als Modul und Newsticker eingesetzt werden kann, mußten die Einstellungen in einen eigenen Bereich mit eigener Datenbank-Tabelle verschoben werden. Die alten Einstellungen gehen beim Upgrade verloren! Das Einstellungs-Formular ist gleich geblieben, jedoch müssen die Elemente neu angelegt werden. Vor der Aktualisierung der Erweiterung auf seinem Webspace sollte man sich diese daher in Form eines Screenshots oder sonstigem merken!

Neues:

  • Verwaltung der Slider in einem neuen Backendmodul carouFredSel (jede Einstellung kann für beliebig viele Karussells egal welcher Art verwendet werden)
  • Einsatz als Modul
  • Einsatz als Newsticker-Modul
  • CSS-Templates (allerdings wird bisher nur ein rudimentäres und eines zum Debuggen mitgeliefert)
  • Anzeige einer Timer-Bar bis das nächste mal gescrollt wird
  • jede Menge Detailverbesserungen und Fehlerkorrekturen

Änderungen:

  • Sämtliche Templates wurden angepasst
  • CSS-Klassen/IDs wurden an die neue Funktionalität angepasst: umschließende Bezeichner sind ce_caroufredsel für das Inhalts-Element, mod_caroufredsel für das Modul und mod_caroufredsel_ticker für den Newsticker. Die darin enthaltenen Bezeichner verlieren das ce und heißen einheitlich caroufredsel/caroufredsel_prev/... sowie caroufredsel_ID/caroufredsel_prev_ID/...
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
71
Total Downloads
1219
Version Install.
272
Total Install.
12691
Version Updates
64
Total Updates
5503
Abhängigkeiten dieser Erweiterung
Von dieser abhängige andere Erweiterungen
Name
Version von
Version bis
Contao
3.0.0-RC2
3.0.1
Name
Version von
Version bis