Zum Inhalt springen
  • Anleitung TYPO3
  • Login / Account
  • Funktionen / Extensions
  • Audio / Video
  • Nutzungsbedingungen
  • FAQ
  • de
  • en
  • Zentrale Informationstechnik (TYPO3-Team)
  • IT-Servicezentrum (ITSZ)
  • Technische Universität München
Technische Universität München
  • Startseite
  • News
  • Webauftritte
    • Nichtfakultäre Einrichtungen
    • TUM School of CIT
    • TUM School of ED
    • TUM School of LS
    • TUM School of MGT
    • TUM School of MH
    • TUM School of NAT
    • TUM School of SOT
    • TUM Graduate School (GS)
    • Integrative Research Institutes (IRI)
    • Technology Core Facilities (TCF)
    • Wissenschaftliche Zentralinstitute (WZI)
    • Hochschule für Politik
    • TYPO3 Web-Archiv
  • Service
    • Angebot
    • Nutzungsbedingungen
    • Anforderung
  • Anleitung
    • TYPO3-Grundlagen
      • Begriffe
      • Modulleiste
      • Seitenbaum
      • Filelist
      • Papierkorb
    • Benutzerverwaltung
      • Registrierung und Login
      • Berechtigungskonzept
      • Groupdelegation
    • Seiten
      • Seitentypen
      • Seite anlegen
      • Sichtbarkeit
      • Seiten ordnen
      • Seiten löschen
      • Seite zeitsteuern
      • Seitenlayout
    • Seiteninhalte
      • Seiteninhaltstypen
      • Seiteninhalte anlegen
      • Überschriften
      • Text & Media
        • Bilder
        • Bildergalerie
        • Slideshow
        • Alternativtexte für Bilder schreiben
        • Bildzuschnitt
      • Audio & Video
        • Audiodateien einbinden
        • Video einbinden
      • Tabellen
      • File Links
      • Menu
      • Insert Records
      • Rich Text Editor (RTE)
      • Links setzen
        • Anker verwalten
      • Abstand zwischen Inhaltselementen
      • Mehrspaltiger Content
      • Akkordeon-Funktion
      • Rahmen & Boxen
      • Social-Media-Box
    • Extensions
      • CurlContent
      • TUM MemberList
      • TUMcourses
      • TUMvCard
      • News
      • iFrame with consent
      • T3UP Carousel
    • Englischsprachige Seite
    • Kontaktbereich
    • Barrierefreie Inhalte
    • Rechtliches
    • Lageplan
      • Lageplan mit Google Maps
      • Lageplan mit dem BayernAtlas
  • FAQs
  • Kontakt
  • Sitemap
  1. Startseite
  2. Anleitung
  3. Extensions
  4. T3UP Carousel

Extension T3UP Carousel

T3UP Carousel ist eine barrierefreie, konfigurierbare Slideshow.

Vorbereitung

  • Für die Slideshow braucht es mindestens 2 Bilder. (.png oder .jpg oder .webp)
  • Erstellen Sie die Bilder mit gleicher Breite und Höhe, bevor Sie sie in die Dateiliste der Webseite hochladen.
  • Beim Layout mit rechter Spalte ist die maximale Breite der Bilder 936 Pixel, beim Layout ohne rechte Spalte ist die maximale Breite 1176 Pixel.
  • Es können maximal 15 Bilder pro Slideshow eingebunden werden.
  • Für eine Intro-Seite (wie z.B. www.typo3.tum.de/t3/intro/) sollten die Bilder maximal 2500 Pixel breit und maximal 750 Pixel hoch sein.
  • PDF-Dateien sind für die Slideshow nicht geeignet

Slideshow / Carousel einbauen

  • Legen Sie ein neues Content-Element vom Type "Carousel" an (Bild 1).
  • Fügen Sie nun die Bilder hinzu. Klicken Sie dazu im Reiter Images auf "Add image" (Bild 2 No.2).
  • Die Reihenfolge der Bilder kann per Drag & Drop geändert werden: Klicken und halten Sie den "Festhalter" (Bild 2 No.3) und ziehen das Bild an die gewünschte neue Position.
Screenshot: Inhaltselement "Carousel"
Bild 1: Inhaltselement "Carousel"
Screenshot: Add Images
Bild 2: Add Images

Titel und Beschreibung einfügen

Screenshot: Image Metadata
Bild 3: Image Metadata
  • Wenn Sie einen Title (Überschrift) und eine Description (Beschreibungstext) eintragen (Bild 3, Nr. 2+3), werden diese Texte im Bild als Bildbeschreibung sichtbar (siehe unsere Beispiele am Ende der Seite). Bitte denken Sie an den Alternativtext, der im Sinne der Barrierefreiheit befüllt werden muss (Bild 3, Nr. 4).
  • Sie können auch die Textausrichtung festlegen (Bild 3, Nr. 7).
  • Sie können für jedes Bild einen individuellen Link setzen (Bild 3, Nr. 6).

Plugin Optionen

Screenshot: Reiter "Configuration"
Bild 4: Reiter "Configuration"
  • Voreingestellt ist, dass die Slideshow automatisch startet (Bild 4, Nr. 2).
  • Wir haben beim Bildwechsel eine harmonische Geschwindigkeit von 5000 ms voreingestellt. Sie können das Intervall aber auch ändern (Bild 4, Nr. 3).

Beispiel

Studenten vor dem Haupteingang der TUM Arcisstr.

Title left

Description

Adusimax; Blick auf den Uhrenturm

Title center

Description

Innenhof: Eingang Hauptcampus

Title right

Description

Haupteingang der TUM Arcisstr.
Slide 1 von 4
To top

TYPO3 News

25.02.2026

Neue Funktionen: Bildzuschnitt und Anker

21.01.2026

Neues Sicherheitskonzept - UserAccounts

01.08.2025

Wir sind in OTRS!

RSS Feed

TUM TYPO3 (ZIT)

Richard-Wagner-Str. 18
80333 München
typo3@tum.de

  • Datenschutz
  • Impressum
  • Barrierefreiheit