Dk carouFredSel: Unterschied zwischen den Versionen
Aus Contao Community Documentation
Dirch (Diskussion | Beiträge) K (→Anwendungsanleitungen) |
Dirch (Diskussion | Beiträge) K (→Anwendungsanleitungen) |
||
| Zeile 38: | Zeile 38: | ||
== carouFredSel-Karussells mit CSS gestalten == | == carouFredSel-Karussells mit CSS gestalten == | ||
| − | + | = Anwendungsanleitungen = | |
| − | + | == Erstes Element nach dem Laden reinscrollen lassen == | |
| − | + | ||
Im Gegensatz zu einigen anderen Slidern wird nach dem Laden der Seite das erste Element sofort dargestellt und erst nach Ablauf der Anzeigedauer zum nächsten gescrollt. Das sofortige Scrollen ist ebenso möglich: dazu wird in das Feld ''Verzögerung'' der negierte Wert aus dem Feld "Anzeigedauer" geschrieben (z.B. -2500). Dies führt dazu, daß nach dem Laden der Seite sofort gescrollt wird. Um nun auch das erste Element reinzuscrollen muß im Feld "Nummer des Start-Elements" der Wert um ein Element erniedrigt werden (z.B. -1). | Im Gegensatz zu einigen anderen Slidern wird nach dem Laden der Seite das erste Element sofort dargestellt und erst nach Ablauf der Anzeigedauer zum nächsten gescrollt. Das sofortige Scrollen ist ebenso möglich: dazu wird in das Feld ''Verzögerung'' der negierte Wert aus dem Feld "Anzeigedauer" geschrieben (z.B. -2500). Dies führt dazu, daß nach dem Laden der Seite sofort gescrollt wird. Um nun auch das erste Element reinzuscrollen muß im Feld "Nummer des Start-Elements" der Wert um ein Element erniedrigt werden (z.B. -1). | ||
Version vom 1. Dezember 2012, 12:27 Uhr
dk_caroufredsel ist ein jQuery-basierter Content/Elementslider mit dem Inhaltselemente aller Art in einer Slideshow gezeigt werden können. Online-Demos sind auf der Originalseite zu finden.
| Erweiterungs-Übersicht | |
|---|---|
| Name des Entwicklers | Dirk Klemmt (Contao-Erweiterung), Fred Heusschen (jQuery.carouFredSel) |
| Kompatibilität mit Contao Version | 3.0.0 |
| Link zum Extension Repository | http://contao.org/de/extension-list/view/dk_caroufredsel.html |
| Link zum Tracker | https://github.com/dklemmt/contao_dk_caroufredsel |
 |
Achtung: Hier entsteht aktuell das Handbuch für den caroufredsel-Slider. Ihr könnt gerne daran mitschreiben und z.B. verschiedene Konfigurationen beschreiben. |
Inhaltsverzeichnis
Installation
Wie bei allen Erweiterungen, kann diese über die Erweiterungsverwaltung installiert werden. Falls diese nicht verfügbar sein sollte gibt es noch die Möglichkeit der manuellen Installation. Sollte die Erweiterung manuell installiert werden müssen auch alle Abhängigkeiten mit installiert werden. Diese sind im Extension Repositority ersichtlich.
Wichtig
- 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 in den zugehörigen Einstellungen anzugeben.
- Der Navigations-Bereich im HTML-Template kann bei Bedarf umsortiert werden.
- Bei Nutzung von HTML5 sollte man - sofern man das CSS-Reset StyleSheet nicht in das Seiten-Layout einbindet - ein figure { margin:0; padding:0; } in seiner CSS-Definition verwenden, welches den browser-individuellen Stil resettet. Im Safari wird z.B. ein sehr großer Abstand drumherum hinzugefügt.
carouFredSel-Karussells verwalten
| |
Achtung: Man kann bei jedem Karussell Inhalts-Elemente hinterlegen. Diese werden jedoch nur verwendet, falls das Karussell als Modul eingebunden wird! |
carouFredSel-Karussells auswählen
Um sich einige Klicks zu sparen sollte man vor dem Anlegen seiner Inhalts-Elemente oder Module zumindest ein Karussell erstellt haben, da man dieses dann sofort auswählen kann. Die Einstellungen sind bei allen Element-Arten gleich und folgen dem nachfolgendem Schema. Lediglich das HTML-Template ändert sich je nach Element-Art.
 |
Hinweis: Alle Templates können an den eigenen Bedarf angepasst werden. Dazu kopiert man das entsprechende und editiert es. Ändert man seinen Namen muß man dieses dann anschliessend in der Liste auswählen. |
carouFredSel-Karussells als Inhalts-Elemente
| |
Hinweis: Reichen die einfachen Inhalts-Elemente nicht aus, so kann man komplexere in einem eigenen Artikel erstellen und diesen dann über das entsprechende Include-Element einfügen. |
carouFredSel-Karussells als Module
carouFredSel-Karussells als Newsticker
carouFredSel-Karussells mit CSS gestalten
Anwendungsanleitungen
Erstes Element nach dem Laden reinscrollen lassen
Im Gegensatz zu einigen anderen Slidern wird nach dem Laden der Seite das erste Element sofort dargestellt und erst nach Ablauf der Anzeigedauer zum nächsten gescrollt. Das sofortige Scrollen ist ebenso möglich: dazu wird in das Feld Verzögerung der negierte Wert aus dem Feld "Anzeigedauer" geschrieben (z.B. -2500). Dies führt dazu, daß nach dem Laden der Seite sofort gescrollt wird. Um nun auch das erste Element reinzuscrollen muß im Feld "Nummer des Start-Elements" der Wert um ein Element erniedrigt werden (z.B. -1).
