Bildkarussell mit Text
Das Bildkarussell zeigt mehrere Bilder nacheinander als Diashow an. Jedes Bild kann mit Titel, Text und einer Schaltfläche versehen werden. Perfekt für Referenzen, Impressionen oder Produktpräsentationen.
Voraussetzungen
Du benötigst mehrere Bilder, die du als Karussell präsentieren möchtest. Die Bilder sollten ähnliche Proportionen haben für ein einheitliches Erscheinungsbild.
Aufbau der Seite
Karussell-Steuerung
- Navigationspunkte: Kleine Punkte unten zeigen die aktuelle Position
- Pfeile: Links und rechts zum manuellen Wechseln
- Automatischer Wechsel: Bilder wechseln automatisch alle paar Sekunden
Bildinhalt
Jedes Karussell-Element enthält:
- Bild: Hauptfoto als Hintergrund
- Titel: Große Überschrift über dem Bild
- Text: Beschreibender Inhalt
- Schaltfläche: Optional für weitere Aktionen
Texteinblendung
- Text erscheint als Overlay über dem Bild
- Automatische Hintergrundabdunklung für bessere Lesbarkeit
- Auf Mobilgeräten wird der Text ausgeblendet
So arbeitest du mit dieser Seite
Neues Karussell-Element hinzufügen
- Klicke auf "Element hinzufügen"
- Lade das gewünschte Bild hoch
- Füge Titel und Beschreibungstext hinzu
- Optional: Erstelle eine Schaltfläche mit Link
Reihenfolge der Bilder ändern
- Ziehe Elemente per Drag & Drop in die gewünschte Reihenfolge
- Das erste Element wird beim Laden der Seite angezeigt
Schaltflächen gestalten
- Wähle Farbe und Stil der Schaltfläche
- Verwende aussagekräftige Texte
- Links können zu internen Seiten oder externen Websites führen
Bilder optimieren
- Bilder werden automatisch für verschiedene Bildschirmgrößen angepasst
- Verwende hochauflösende Bilder (mindestens 1920x1080 Pixel)
- Das System erstellt automatisch kleinere Versionen
Tipps und Hinweise
Bildauswahl:
- Verwende Bilder mit ähnlichen Proportionen (16:9 oder 4:3)
- Achte auf einheitliche Bildqualität und Stil
- Dunkle Bereiche im Bild eignen sich gut für Texteinblendungen
Textgestaltung:
- Halte Titel kurz und prägnant
- Verwende kontrastreiche Farben für gute Lesbarkeit
- Teste die Lesbarkeit auf verschiedenen Bildschirmgrößen
Anzahl der Bilder:
- 3-5 Bilder sind optimal für die Aufmerksamkeit
- Zu viele Bilder können überfordernd wirken
- Jedes Bild sollte einen klaren Zweck haben
Performance:
- Das System lädt Bilder automatisch in optimaler Größe
- Große Bilddateien werden komprimiert
- Das Karussell funktioniert auch bei langsamer Internetverbindung
Barrierefreiheit:
- Verwende aussagekräftige Alt-Texte für Bilder
- Das Karussell ist mit Tastatur bedienbar
- Screenreader können den Inhalt vorlesen
Verwandte Seiten
- Bildergalerie - Statische Bilddarstellung
- Karten - Bilder mit Text in Kartenform