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]

Responsive/fluid jQuery-Slider für beliebige Inhalts-Elemente sowie Bilder- oder fenstergroße Hintergründe mit Thumbnails

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

  • scrollen von beliebigen Inhalten in horizontaler (links/rechts) und vertikaler (hoch/runter) Richtung
  • automatisches scrollen oder scrollen durch Buttons, mittels Tastatur, dem Mausrad oder durch Wischen
  • Scrollmodi: einmalig, kreisförmig (scrollt am Ende mit dem ersten Element weiter) und unendlich (spult am Ende zum ersten Element zurück)
  • konfigurierbare Anzahl von gleichzeitig scrollenden Elementen
  • konfigurierbare Anzeigedauer und Verzögerung bis das erste Mal gescrollt wird
  • Pause bei Maus-Hover oder durch Button
  • Fortschritts-Balken oder Kreis-Diagramm zur Anzeige bis erneut gescrollt wird
  • 9 eingebaute Übergangs-Effekte: none, scroll, directscroll, fade, crossfade, cover, cover-fade, uncover und uncover-fade
  • konfigurierbare Länge der Übergangsdauer
  • optionales responsive/fluid/liquid Karussell
  • konfigurierbare Größe des Karussells sowie der einzelnen Elemente
  • unterstützt variable Element-Größen (ebenso mit einer variablen Anzahl von sichtbaren Elementen)
  • konfigurierbare Anzahl von sichtbaren Elementen
  • konfigurierbares oder zufälliges Start-Element
  • speichern der letzten Position zwischen Seitenwechseln
  • eingebaute Tastatur- und Maus-Navigation sowie Pagination

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
  • Inhalts-Element Galerie analog der Contao Galerie mit automatisch erstellten scrollbaren Vorschaubildern
  • Inhalts-Element Hintergrund für ein fensterfüllendes Hintergrund-Karussell mit automatisch erstellten scrollbaren Vorschaubildern
  • Synchronisation zwischen zwei Karussells
  • 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 individuell 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 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. 
  • 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.

Die Entwicklung wurde unterstützt von

  • glaswasser Konzept & Design
    http://www.glaswasser.com
Version
1.1.0
Typ
Frei
Freigabedatum
06.04.2013
Kategorie
Anwendung
Lizenz
MIT/GPL
Copyright
© 2012-2013 Dirk Klemmt (Contao-Erweiterung), © 2013 Fred Heusschen (jQuery.carouFredSel)
Autor
Dirk Klemmt (Dirch)
Freigabe-Notizen und Änderungs-Log für 1.1.0
Andere Versionen

Neues:

  • neues Inhalts-Element 'carouFredSel - Galerie' analog der Contao Galerie mit automatisch erstellten scrollbaren Vorschaubildern
  • neues Inhalts-Element 'carouFredSel - Hintergrund' für ein fensterfüllendes Hintergrund-Karussell mit automatisch erstellten scrollbaren Vorschaubildern
  • Synchronisation zwischen zwei Karussells - scrollt das eine scrollt das andere synchron
  • Unterstützung der Scroll-Queue von carouFredSel
  • zuschaltbares Script (krioImageLoader) welches Bilder im Karussell erst nach ihrem vollständigen Laden sanft einblendet
  • zuschaltbares Script (ba-throttle-debounce) um die ausgelößten "resize"-Ereignisse bei Fenstergrößenänderung zu verringern
  • zuschaltbares Script (transit) um anstelle der jQuery-Animationen CSS3 Transitions zu verwenden

Änderungen/Bugfixes:

  • alle Templates wurden angepasst um die neuen Funktionalitäten abzubilden
  • Inhalts-Elemente, die statt in einem div in einem section liegen (z.B. Akkordeon) erhalten nun ebenfalls einen float:left
  • die Klasse 'caroufredsel_wrapper' macht nun ihrem Namen alle Ehren indem ihr das fehlende 's' spendiert wurde
  • gestrichen wurde die Klasse '(ce/mod)_caroufredsel_ID' im umschließenden äußeren Container, da sie mit der hinterlegbaren Klasse in den Experteneinstellungen kollidierte. Wer an dieser Stelle eine individuelle ID benötigt, kann diese dort ebenfalls angeben.
Version Funktion
9.33
Total Funktion
9.20
Version Bedienung
8.67
Total Bedienung
8.80
Version Qualität
9.33
Total Qualität
9.20
Version Wertung
9.11 (3 Stimmen)
Total Wertung
9.07 (5 Stimmen)
Version Downloads
82
Total Downloads
1219
Version Install.
1015
Total Install.
12691
Version Updates
463
Total Updates
5505
Abhängigkeiten dieser Erweiterung
Von dieser abhängige andere Erweiterungen
Name
Version von
Version bis
Contao
3.0.0
3.1.0
Name
Version von
Version bis