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

Kontakt

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

Du möchtest dich für meine Arbeit bedanken? Dann freue ich mich über einen Amazon-Gutschein oder die Nutzung des Spenden-Buttons hier in der Erweiterungs-Beschreibung.

Du möchtest eine Anpassung der Erweiterung für dein Projekt, benötigst professionelle Hilfe oder suchst generell jemanden zur Unterstützung? Dann melde dich im Forum per PM an mich (Dirch) oder per E-Mail an dirk.klemmt@gmx.de.

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.
  • Einstellungsmodus konfigurierbar in den Contao-Einstellungen: für eine bessere Übersichtlichkeit werden in der Grundeinstellung (einfach) nur die am häufigsten/wichtigsten Einstellungen angezeigt. Dies kann dort bei bedarf auf erweitert umgeschaltet werden um Zugang zu allen Möglichkeiten zu haben.

Die Entwicklung wurde unterstützt von

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

Es wurden die js-Templates geändert, so daß man seine ggf. anpassen muß.

Neues:

  • Vollständige Unterstützung von Contao 3.2.x

Änderungen/Bugfixes:

  • Die ehemals optionalen Erweiterungen (jquery_easing, jquery_touchswipe und jquery_mousewheel) sind nun Bestandteil dieses Pakets und werden wenn nötig eingebunden.
  • Sichtbare Thumbnails erhalten nun ebenfalls die Klasse visible
Version Funktion
8.00
Total Funktion
9.20
Version Bedienung
8.00
Total Bedienung
8.80
Version Qualität
8.00
Total Qualität
9.20
Version Wertung
8.00 (1 Stimmen)
Total Wertung
9.07 (5 Stimmen)
Version Downloads
118
Total Downloads
1054
Version Install.
1872
Total Install.
12089
Version Updates
763
Total Updates
5008
Abhängigkeiten dieser Erweiterung
Von dieser abhängige andere Erweiterungen
Name
Version von
Version bis
Contao
3.2.0
3.3.2
Name
Version von
Version bis
Paket
Grösse
Datum
147239
19.07.2016 16:25