Dk carouFredSel - Versionsgeschichte

Dirch am 5. April 2013 um 22:59 Uhr

2013-04-05T22:59:42Z

Dirch am 3. April 2013 um 23:10 Uhr

2013-04-03T23:10:24Z

Dirch am 3. April 2013 um 22:41 Uhr

2013-04-03T22:41:16Z

Dirch am 4. März 2013 um 15:36 Uhr

2013-03-04T15:36:58Z

Dirch: /* Anwendungsanleitungen */

2013-02-27T21:13:45Z

‎Anwendungsanleitungen

Dirch am 27. Februar 2013 um 16:23 Uhr

2013-02-27T16:23:11Z

Dirch am 27. Februar 2013 um 13:16 Uhr

2013-02-27T13:16:05Z

Dirch: /* Beim Laden der Seite sind Inhalte nicht komplett sichtbar */

2013-02-27T12:47:44Z

‎Beim Laden der Seite sind Inhalte nicht komplett sichtbar

Dirch: /* Beim Laden der Seite sind Inhalte nicht komplett sichtbar */

2013-02-27T12:47:31Z

‎Beim Laden der Seite sind Inhalte nicht komplett sichtbar

Dirch am 27. Februar 2013 um 12:46 Uhr

2013-02-27T12:46:33Z

@@ Zeile 22: / Zeile 22: @@
 * unterstützt variable Element-Größen (ebenso mit einer variablen Anzahl von sichtbaren Elementen)
 * konfigurierbare Anzahl von sichtbaren Elementen
-* zufälliges Start-Element
+* konfigurierbares oder zufälliges Start-Element
 * speichern der letzten Position zwischen Seitenwechseln
 * eingebaute Tastatur- und Maus-Navigation sowie Pagination

@@ Zeile 70: / Zeile 70: @@
 = Anwendungsanleitungen =
-== responsive Modus einsetzen ==
+== ''responsive''-Modus einsetzen ==
 Sobald ''responsive'' gewählt wurde, wird die Größenberechnung der Elemente umgeschaltet. Wenn sich die Größe der umgebenden Box ändert, wird der Inhalt des Karussells automatisch vergrößert oder verkleinert. Damit dies zuverlässig funktioniert muß die Anzahl der sichtbaren Elemente (egal in welcher weise) angegeben sowie die Höhen bzw. Breiten auf ''variabel'', ''automatisch'' oder einen fluiden Wert eingestellt werden.
 == 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.

@@ Zeile 11: / Zeile 11: @@
 * 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 Elemente weiter) und unendlich (spult am Ende zum ersten Element zurück)
+* 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
@@ Zeile 24: / Zeile 24: @@
 * zufälliges Start-Element
 * speichern der letzten Position zwischen Seitenwechseln
-* eingebaute Tastatur- und Maus-Navigation und Pagination
+* eingebaute Tastatur- und Maus-Navigation sowie Pagination
 Besonders zu erwähnen sind noch eine Unmenge an sogenannten ''custom events'' mit denen sich nahezu alles von außerhalb im Karussell ansteuern/zur Laufzeit verändern läßt.
@@ Zeile 32: / Zeile 32: @@
 * 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
@@ Zeile 38: / Zeile 41: @@
 == 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 [http://www.contao-community.de/showthread.php?76-Third-Party-Erweiterungen-manuell-installieren manuellen Installation]. Sollte die Erweiterung manuell installiert werden müssen auch alle Abhängigkeiten mit installiert werden. Diese sind im Extension Repositority ersichtlich.
+Wie bei allen Erweiterungen, kann sie über die Erweiterungsverwaltung installiert werden. Falls diese nicht verfügbar sein sollte gibt es noch die Möglichkeit der [http://www.contao-community.de/showthread.php?76-Third-Party-Erweiterungen-manuell-installieren manuellen Installation]. Sollte die Erweiterung manuell installiert werden müssen auch alle Abhängigkeiten installiert werden. Diese sind im Extension Repositority ersichtlich.
 == Wichtig ==
@@ Zeile 57: / Zeile 60: @@
 [[Datei:carouFredSel_inhaltselement_2.png]]
-{{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.}}
+{{Hinweis|Reichen die einfachen Inhalts-Elemente nicht aus, so kann man komplexere in einem eigenen Artikel erstellen und diesen dann über das Include-Element ''Artikel'' einfügen. Dabei ist zu beachten, daß die gesamten Inhalts-Elemente in diesem (Sub-)Artikel von einem DIV-Container eingeschlossen werden.}}
 == carouFredSel-Karussells als Module ==
 == carouFredSel-Karussells als Newsticker ==
-== carouFredSel-Karussells mit CSS gestalten ==
+== carouFredSel - Hintergrund ==
 = Anwendungsanleitungen =
@@ Zeile 75: / Zeile 80: @@
 Dieses Verhalten tritt bei Webkit-Browsern (Chrome, Safari) auf, wenn keine Größen definiert wurden und/oder man den "responsive"-Modus verwendet.
-Im Normalfall wird das JavaScript gestartet nachdem die HTML-Datei geladen und der DOM aus ihr aufgebaut wurde (''(document).ready(function() {}''). Zu diesem Zeitpunkt sind Bilder noch nicht/nicht komplett geladen und es werden im Gegensatz zu anderen Browsern (wie z.B. FireFox) beim Abfragen der Größen durch jQuery von den Browsern falsche Werte geliefert. Selbst dann wenn diese als Attribute in img-Tag hinterlegt sind.
+Im Normalfall wird das JavaScript gestartet nachdem die HTML-Datei geladen und der DOM aus ihr aufgebaut wurde (''(document).ready(function() {}''). Zu diesem Zeitpunkt sind Bilder noch nicht/nicht komplett geladen und es werden im Gegensatz zu anderen Browsern (wie z.B. FireFox) beim Abfragen der Größen durch jQuery von den Browsern falsche Werte geliefert. Selbst dann wenn diese als Attribute im img-Tag hinterlegt sind.
 Ändert man das Startverhalten des JavaScripts auf den Zeitpunkt zu dem die komplette Seite und alle Inhalte geladen sind (''(window).load(function() {}'') so umgeht man die fehlerhaft gelieferten Größenangaben. Nachteil dieser Methode ist jedoch, daß das Eintreten dieses Zeitpunkts länger dauern kann und die bis dahin geladenen Inhalte der einzelnen Slides gleichzeitig sichtbar werden. Diese werden zwar automatisch versteckt und nach Beendigung des Ladevorgangs sichtbar, nehmen jedoch ihren Raum auf der Seite ein was unschön aussehen kann.

@@ Zeile 75: / Zeile 75: @@
 Dieses Verhalten tritt bei Webkit-Browsern (Chrome, Safari) auf, wenn keine Größen definiert wurden und/oder man den "responsive"-Modus verwendet.
-Im Normalfall wird das JavaScript gestartet nachdem die HTML-Datei geladen und der DOM aus ihr aufgebaut wurde (''(document).ready(function() {}''). Zu diesem Zeitpunkt sind Bilder noch nicht/nicht komplett geladen und es werden im Gegensatz zu anderen Browsern (wie z.B. FireFox) beim Abfragen der Größen falsche Werte geliefert. Selbst dann wenn diese als Attribute hinterlegt sind.
+Im Normalfall wird das JavaScript gestartet nachdem die HTML-Datei geladen und der DOM aus ihr aufgebaut wurde (''(document).ready(function() {}''). Zu diesem Zeitpunkt sind Bilder noch nicht/nicht komplett geladen und es werden im Gegensatz zu anderen Browsern (wie z.B. FireFox) beim Abfragen der Größen durch jQuery von den Browsern falsche Werte geliefert. Selbst dann wenn diese als Attribute in img-Tag hinterlegt sind.
 Ändert man das Startverhalten des JavaScripts auf den Zeitpunkt zu dem die komplette Seite und alle Inhalte geladen sind (''(window).load(function() {}'') so umgeht man die fehlerhaft gelieferten Größenangaben. Nachteil dieser Methode ist jedoch, daß das Eintreten dieses Zeitpunkts länger dauern kann und die bis dahin geladenen Inhalte der einzelnen Slides gleichzeitig sichtbar werden. Diese werden zwar automatisch versteckt und nach Beendigung des Ladevorgangs sichtbar, nehmen jedoch ihren Raum auf der Seite ein was unschön aussehen kann.
@@ Zeile 82: / Zeile 82: @@
 Den Startzeitpunkt kann man in den Backend-Einstellungen von Contao im Bereich der ''carouFredSel-Einstellungen'' umschalten.

@@ Zeile 65: / Zeile 65: @@
 = 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).
 = Probleme und Lösungen =
 == Beim Laden der Seite sind Inhalte nicht komplett sichtbar ==

@@ Zeile 9: / Zeile 9: @@
 == Was kann carouFredSel? ==
 * automatisches scrollen oder scrollen durch Buttons, mittels Tastatur, dem Mausrad oder durch Wischen
-* konfigurierbare Anzahl von gleichzeitig scrollbaren Elementen
+* Scrollmodi: einmalig, kreisförmig (scrollt am Ende mit dem ersten Elemente weiter) und unendlich (spult am Ende zum ersten Element zurück)
 * konfigurierbare Anzeigedauer und Verzögerung bis das erste Mal gescrollt wird
-* verschiedene Arten von Pausen bei Maus-Hover
+* 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 und verschiedene Abschwächungsfunktionen
 * konfigurierbare Länge der Übergangsdauer
-* optionales responsive/fluid/liquid Karussell von Haus aus.
+* 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)

@@ Zeile 7: / Zeile 7: @@
 | TrackerLink=https://github.com/dklemmt/contao_dk_caroufredsel
 }}
 == Installation ==
@@ Zeile 13: / Zeile 40: @@
 == Wichtig ==
 * 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 - 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.
+* 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.
 == carouFredSel-Karussells verwalten ==

@@ Zeile 44: / Zeile 44: @@
 Dieses Verhalten tritt bei Webkit-Browsern (Chrome, Safari) auf, wenn keine Größen definiert wurden und/oder man den "responsive"-Modus verwendet.
-Im Normalfall wird das JavaScript gestartet nachdem die HTML-Datei geladen und der DOM aus ihr aufgebaut wurde ("$(document).ready(function() {}"). Zu diesem Zeitpunkt sind Bilder noch nicht/nicht komplett geladen und es werden im Gegensatz zu anderen Browsern (wie z.B. FireFox) beim Abfragen der Größen falsche Werte geliefert. Selbst dann wenn diese als Attribute hinterlegt sind.
+Im Normalfall wird das JavaScript gestartet nachdem die HTML-Datei geladen und der DOM aus ihr aufgebaut wurde (''(document).ready(function() {}''. Zu diesem Zeitpunkt sind Bilder noch nicht/nicht komplett geladen und es werden im Gegensatz zu anderen Browsern (wie z.B. FireFox) beim Abfragen der Größen falsche Werte geliefert. Selbst dann wenn diese als Attribute hinterlegt sind.
-Ändert man das Startverhalten des JavaScripts auf den Zeitpunkt zu dem die komplette Seite und alle Inhalte geladen sind ("$(window).load(function() {}") so umgeht man die fehlerhaft gelieferten Größenangaben. Nachteil dieser Methode ist jedoch, daß das Eintreten dieses Zeitpunkts länger dauern kann und die bis dahin geladenen Inhalte der einzelnen Slides gleichzeitig sichtbar werden. Diese werden zwar automatisch versteckt und nach Beendigung des Ladevorgangs sichtbar, nehmen jedoch ihren Raum auf der Seite ein was unschön aussehen kann.
+Ändert man das Startverhalten des JavaScripts auf den Zeitpunkt zu dem die komplette Seite und alle Inhalte geladen sind (''(window).load(function() {}'') so umgeht man die fehlerhaft gelieferten Größenangaben. Nachteil dieser Methode ist jedoch, daß das Eintreten dieses Zeitpunkts länger dauern kann und die bis dahin geladenen Inhalte der einzelnen Slides gleichzeitig sichtbar werden. Diese werden zwar automatisch versteckt und nach Beendigung des Ladevorgangs sichtbar, nehmen jedoch ihren Raum auf der Seite ein was unschön aussehen kann.
 Eine dritte Möglichkeit besteht aus einem Kompromiss der beiden Methoden. Ab Version 1.0.1 der Erweiterung wurde ein JavaScript integriert, das beide Methoden vereint. Das Karussell wird zum frühst möglichen Zeitpunkt initialisiert und dann kontinuierlich so lange bis alle Inhalte geladen wurden.
 Den Startzeitpunkt kann man in den Backend-Einstellungen von Contao im Bereich der ''carouFredSel-Einstellungen'' umschalten.