Navigation

Timeline

Mit der Timeline können Sie einen interaktiven Zeitstrahl erstellen, in dem der Website-Besucher vor und zurück navigieren kann. Als Inhalt kann beliebiger Text und/oder Bilder eingefügt werden.

  • 1800 – Wie alles begann

    Donec semper quam scelerisque tortor dictum gravida. In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit.

  • 1830 – Wie es weiterging

    Proin metus odio, aliquam eget molestie nec, gravida ut sapien. Phasellus quis est sed turpis sollicitudin venenatis sed eu odio.

  • 1844 – Der Anfang vom Ende

    Phasellus quis est sed turpis sollicitudin venenatis sed eu odio. Praesent eget neque eu eros interdum malesuada non vel leo. Sed fringilla porta lila.

Shortcode:

[timeline] ... [/timeline]

Mögliche Attribute:

    • speed="normal" bzw. slow / fast / Zahl zwischen 100 und 1000 (Standard: normal)
    • startat="5": Das wievielte Element soll beim öffnen der Seite angezeigt werden? (Standard: 1)
    • autoplay="0": Soll die Timeline ähnlich einem Slider automatisch weiter blättern? (1=ja, 0=nein; Standard: 0)
    • autoplaypause="2000": Zeit (in Millisekunden) bis zum automatischen Weiterblättern, falls autoplay=“1″ gewählt wurde.
    • datewidth="large": Statt einer Jahreszahl können Sie auch ein komplettes Datum oder Text im Zeitstrahl verwenden. Wenn dafür der standardmäßig vorgesehene Platz dafür nicht ausreicht, sorgt dieses Attribut für mehr Platz.

Syntax:

Die Timeline wird von den öffnenden und schließenden Tags [timeline] ... [/timeline] umgeben.

Die einzelnen „Kapitel“ darin werden wiederum von den öffnenden und schließenden Tags [timeline-item] ... [/timeline-item] umgeben. Jedes Timeline-Item bekommt ein Attribut name="…", aus dem automatisch der Zeitstrahl oberhalb des Inhalts generiert wird.

Beispiel:

[timeline]
[timeline-item name="1800"]
<h1>1800 – Wie alles begann</h1>
Donec semper quam scelerisque tortor dictum gravida. In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit.
[/timeline-item]
[timeline-item name="1830"]
<h1>1830 – Wie es weiterging</h1>
Proin metus odio, aliquam eget molestie nec, gravida ut sapien. Phasellus quis est sed turpis sollicitudin venenatis sed eu odio.
[/timeline-item]
[timeline-item name="1844"]
<h1>1844 – Der Anfang vom Ende</h1>
Phasellus quis est sed turpis sollicitudin venenatis sed eu odio. Praesent eget neque eu eros interdum malesuada non vel leo. Sed fringilla porta lila.
[/timeline-item]
[/timeline]