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 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.

Version
1.0.0
Typ
Frei
Freigabedatum
22.01.2013
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
Andere Versionen

Neues:

  • CSS-Template für einzelne (große) Bilder mit fester Größe
  • Anzeige der Timer-Bar auch als Kreis-Diagramm (nur HTML5)
  • Fehlerkorrekturen

Änderungen:

  • Templates wurden angepasst und um weitere Wrapper zur leichteren Formatierung erweitert
Version Funktion
10.00
Total Funktion
9.20
Version Bedienung
10.00
Total Bedienung
8.80
Version Qualität
10.00
Total Qualität
9.20
Version Wertung
10.00 (1 Stimmen)
Total Wertung
9.07 (5 Stimmen)
Version Downloads
27
Total Downloads
1218
Version Install.
188
Total Install.
12620
Version Updates
72
Total Updates
5398
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