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.1
Typ
Frei
Freigabedatum
14.02.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.0.1
Andere Versionen

Neues:

  • Update auf carouFredSel Version 6.2.0
  • Implementation von jQuery.readyLoad um die eigenwillige Größenberechnung von Webkit-Browsern (Chrome/Safari) während des Ladens auszugleichen. Bei variablen Bildgrößen sollte dies in den Contao-Einstellungen umgeschaltet werden.

Änderungen:

  • js-Templates wurden angepasst um jQuery.readyLoad einzubinden
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
20
Total Downloads
1218
Version Install.
51
Total Install.
12649
Version Updates
39
Total Updates
5448
Abhängigkeiten dieser Erweiterung
Von dieser abhängige andere Erweiterungen
Name
Version von
Version bis
Contao
3.0.0-RC2
3.0.3
Name
Version von
Version bis