Zum Inhalt springen

JavaScript Slideshow in Typoscript einbinden

Erstellt am 10. Dezember 2011 · 1 Antwort · letzte Antwort am 10. Dezember 2011

Tags: Frage

vikiii1993 ·

Hallo
Ich muss eine HP mit Typo3 machen als Schulprojekt und kenn mich leider in Typo3 so gut wie nicht aus.
Ich habe eine JS Slideshow erstellt und in HTML eingebunden.
Dann habe ich einen Marker gesetzt in HTML:
<div id="slideshow"> ###SLIDESHOW### </div>

So und jz möchte ich das ganze in Typoscript einbinden
Ich hab schon viel im Internet gesucht und Sachen probiert aber funkt leider nichts.

Könnte mir irgendwer vl weiterhelfen?
Liebe Grüße
Viktoria

Chrissli ·

Hi Viki,

wie kommt man eigentlich an ein Projekt über ein Thema,
von dem man keine Ahnung hat?
"Oder haste da auch, wie so oft, im Unterricht gefehlt"
Spaß beiseite!

Was hast du denn schon? Typo3 installiert? Irgendwelches
TypoScript vorhanden? Arbeitest du mit TemplaVoila? ( damit
könnte ich dir vermutlicht nicht wirklich helfen )

Ich geh jetzt mal von einer vorhandenen Typo3-Installation aus,
ohne TemplaVoila:

1. Du gehts ins Backend und wählst links den Punkt "Templates" aus
2. Du wählst im Seitenbaum die Seite aus auf der dein HTML erscheinen soll bzw. legst eine Neue Seite an
3. Für diese Seite legst du ein neues Template an, das machst du im Rechten teil des Fensters
4. Im Template Bereich der Seite fügst du unter Setup folgendes TypoScript ein:

page = PAGE
page { 
  10 = TEMPLATE
  10 {
    template = FILE
    template.file = fileadmin/templates/slideshow.html
    marks {
      SLIDESHOW = 
    }
  }
}

Damit solltest du zumindest einmal dein HTML sehen solltest ( das du natürlich
unter fileadmin/templates/slideshow.html speicherst.

Jetzt kommt es halt darauf an, was im Bereich deines Markers stehen muss,
damit deine Slideshow funktioniert.
Zudem solltest du du deine HEAD-tags aus deinem HTML-entfernen und per TypoScript
setzten, da beim Einlesen einer Datei diese in den BODY-Bereich des automatisch erstellten
HTML eingefügt wird. Wenn du dann im Template HTML, HEAD, oder BODY stehen hast, erscheinen
diese später im HTML.
Vielleicht postest du mal deinen jetzigen HTML-Code, dann kann ich dir hierzu mehr sagen.