[Frage] Durch Content Elemente sliden...(Pfeil nach rechts und links) TYPO3-Version: 6.2.7

  • downset downset
    Sternenflotten-Admiral
    0 x
    214 Beiträge
    0 Hilfreiche Beiträge
    17. 05. 2015, 12:53

    Hallo!

    Bin seit längerer Zeit etwas raus aus dem Thema typo3 und Webentwicklung.

    Ich versuche gerade mit einer aktuellen Installation einen Onepager zu erstellen. Dafür hätte ich gerne eine Funktion, mit der ich durch den Content sliden kann. Also in etwa so:

    1. Ich habe nen Marker im Template und weise diesem 3 CEs zu.
    2. Der Marker stellt den ersten Inahlt dar und versieht in mit kleinen Pfeilen (rechts und links)
    3. Beim betätigen wird das nächste CE angezeigt.

    An und für sich ja nichts kompliziertes. Ich habe schon einige Extensions gesehen, die das so ähnlich können. Nur leider würde ich mit Kanonen auf Spatzen schießen.

    Ach ja. Die CEs sind ausschließlich Text mit Bild und Bilder.

    Vielleicht kenn ja einer von Euch etwas passendes.

    Liebe Grüße

    Jens


  • 1
  • toifel toifel
    Jedi-Ratsmitglied
    0 x
    831 Beiträge
    96 Hilfreiche Beiträge
    18. 05. 2015, 10:00

    Dafür reicht ein einfaches carousel-plugin.. du brauchst dann nur einen eindeutigen Wrapper in deinem Template.

    zB http://kenwheeler.github.io/slick/ (benötigt jQuery)

  • downset downset
    Sternenflotten-Admiral
    0 x
    214 Beiträge
    0 Hilfreiche Beiträge
    18. 05. 2015, 12:54

    Was meinst du mit Wrapper? Gibt es irgendwo ein Beispiel mit Typo3?

    Gruß

    Jens

  • casi-g casi-g
    R2-D2
    0 x
    77 Beiträge
    14 Hilfreiche Beiträge
    04. 06. 2015, 12:58

    Mit Wrapper meint er wahrscheinlich einfach nur einen umschließenden Container den du eindeutig über Javascript ansprechen kannst.

    Sprich du baust dir ein Template und setzt das dann z.B. so ein:

    1. <div class="slider">
    2. <f:format.html parseFuncTSPath="">{slider}</f:format.html>
    3. </div>

    In Javascript (jQuery) kannst du mit einem Plugin das ganze ansprechen.

    1. $('.slider').nameDerFunktion({options});

  • 1