Liquidslider - Versionsgeschichte

Thepixture: /* Hash Links */

2013-05-15T19:40:07Z

‎Hash Links

Thepixture: /* Cross-Links */

2013-05-15T19:34:59Z

‎Cross-Links

Thepixture: /* Erklärung zu den Einstellmöglichkeiten */

2013-05-15T19:29:36Z

‎Erklärung zu den Einstellmöglichkeiten

Thepixture: /* Anlegen eines neuen Liquid Sliders */

2013-05-15T19:01:19Z

‎Anlegen eines neuen Liquid Sliders

Thepixture: /* Anlegen eines neuen Liquid Sliders */

2013-05-15T19:00:12Z

‎Anlegen eines neuen Liquid Sliders

Thepixture: /* Anlegen eines neuen Liquid Sliders */

2013-05-15T18:57:15Z

‎Anlegen eines neuen Liquid Sliders

Thepixture: Die Seite wurde neu angelegt: „Category:Extensions {{AppliesTo |Version=2.11.x bis 3.0.x |Ext1=liquidslider}} == Kurzbeschreibung == Ein responsive, swipe-fähiger, HTML5 jQuery Content S…“

2013-05-15T18:55:56Z

Die Seite wurde neu angelegt: „Category:Extensions {{AppliesTo |Version=2.11.x bis 3.0.x |Ext1=liquidslider}} == Kurzbeschreibung == Ein responsive, swipe-fähiger, HTML5 jQuery Content S…“

Neue Seite

[[Category:Extensions]]
{{AppliesTo
|Version=2.11.x bis 3.0.x
|Ext1=liquidslider}}

== Kurzbeschreibung ==

Ein responsive, swipe-fähiger, HTML5 jQuery Content Slider sowohl für Web als auch mobile Geräte.
Der Liquid Slider ist ein responsive, swipe-fähiger, HTML5 jQuery Content Slider, der sowohl für Web als auch mobile Geräte eingesetzt werden kann.

== Installation ==
Die Erweiterung kann einfach im Backend über den Erweiterungskatalog installiert werden.
Für eine Installation in Contao 2.11.x wird zusätzlich die Erweiterung [https://contao.org/de/extension-list/view/jquery.10069.de.html jQuery] benötigt.
Nach der Installation sollte im Seitenlayout jQuery aktiviert werden.

== Anlegen eines neuen Liquid Sliders ==
Im Artikel wird zunächst ein Inhaltselement vom Typ "LiquidSlider - Start" angelegt. Die vordefinierten Einstellungen sollten für einen ersten Test schon ausreichen. Als nächtes wird ein Inhaltselement vom Typ "LiquidSlider - Ende" angelegt. Alle Inhaltselemente, welche nun zwischen Start- und Endelement angelegt werden, werden vom Slider geslidet.

== Erklärung zu den Einstellmöglichkeiten ==
Inhalt folgt ...

← Nächstältere Version		Version vom 15. Mai 2013, 19:40 Uhr
Zeile 50:		Zeile 50:
	</source>		</source>
	Dabei ist egal, wo sich der entsprechende Link auf der Seite befindet.		Dabei ist egal, wo sich der entsprechende Link auf der Seite befindet.
		+	==Cross-Link Namen verwenden==
		+	Dies erlaubt Ihnen Hash-Namen für Cross-Links zu verwenden (Beispiel: statt href="#1" - href="#ueber-mich"). Nützlich, wenn Sie öfters die Reihenfolge der Slides ändern.

@@ Zeile 42: / Zeile 42: @@
 Geben Sie hier eine Zeichenfolge ein, welche an den Hash-Tag angehangen werden soll.
 ==Cross-Links==
-Aktiviert/Deaktiviert die Verwendung von Cross-Links zur Steuerung des Sliders. Beispiel: href="#1" (auch #left oder #right möglich) mit der Referenzierung auf den Namen des anzusteuernden Sliders (Beispiel: data-liquidslider-ref="slider-'''sliderName'''.
+Aktiviert/Deaktiviert die Verwendung von Cross-Links zur Steuerung des Sliders. Beispiel: href="#1" (auch #left oder #right möglich) mit der Referenzierung auf den Namen des anzusteuernden Sliders (unter Slidername vergeben).

← Nächstältere Version		Version vom 15. Mai 2013, 19:29 Uhr
Zeile 19:		Zeile 19:

	== Erklärung zu den Einstellmöglichkeiten ==		== Erklärung zu den Einstellmöglichkeiten ==
−	~~Inhalt folgt~~ ...	+	=Hash Links=
		+	Mit Hash-Links können Elemente im Slider gezielt über interne Links oder von externen Seiten angesteuert werden.
		+	Beispiel für einen Link auf der gleichen Seite:
		+	<source lang="html4strict">
		+	<a href="http://www.example.com/#3">zeige Inhaltselement 3</a>
		+	</source>
		+	Beispiel für einen Link von einer anderen/externe Seite:
		+	<source lang="html4strict">
		+	<a href="http://www.example.com/beispielseite.html#3">zeige Inhaltselement 3</a>
		+	</source>
		+	==Hash-Link Namen==
		+	Hiermit können für die Hash-Tags, anstelle der Nummern, auch Namen verwendet werden.
		+	<source lang="html4strict">
		+	<a href="http://www.example.com/#about-me">about me</a>
		+	</source>
		+	==Hash-Titel Element==
		+	Hash-Link Namen können durch die Angabe eines HTML-Elements, welches sich innerhalb eines jeden Inhaltselements befindet, automatisch erzeugt werden.
		+	Sollte z.B. in jedem Inhaltselement eine Überschrift H2 vorkommen, kann mit der Angabe "H2" der Hash-Link Name daraus generiert werden. Es ist auch möglich nur die Elemente, die eine bestimmte Klasse besitzen z.B. "H2.title" dafür zu verwenden.
		+	==Hash-Tag Trennung==
		+	Hier können ein oder mehrere Zeichen für die Verwendung nach dem # Symbol angegeben werden. (Beispiel: "/", oder "!/")
		+	==Hash TLD==
		+	Geben Sie hier eine Zeichenfolge ein, welche an den Hash-Tag angehangen werden soll.
		+	==Cross-Links==
		+	Aktiviert/Deaktiviert die Verwendung von Cross-Links zur Steuerung des Sliders. Beispiel: href="#1" (auch #left oder #right möglich) mit der Referenzierung auf den Namen des anzusteuernden Sliders (Beispiel: data-liquidslider-ref="slider-'''sliderName'''.

@@ Zeile 16: / Zeile 16: @@
 == Anlegen eines neuen Liquid Sliders ==
 # Im Artikel wird zunächst ein Inhaltselement vom Typ "LiquidSlider - Start" angelegt. Für den Slider muss ein Name vergeben werden, alle weiteren vordefinierten Einstellungen sollten für einen ersten Test ausreichen.
-# Als nächtes wird ein Inhaltselement vom Typ "LiquidSlider - Ende" angelegt. Alle Inhaltselemente, welche nun zwischen Start- und Endelement angelegt werden, werden vom Slider geslidet.
+# Als nächtes wird ein Inhaltselement vom Typ "LiquidSlider - Ende" angelegt. Alle Inhaltselemente, welche nun zwischen Start- und Endelement angelegt werden, werden vom Slider erkannt und geslidet.
 == Erklärung zu den Einstellmöglichkeiten ==
 Inhalt folgt ...