Hero-Slider: Folien
Jede Folie ist eine eigene Karte mit Bild, Überschrift, Untertitel, Alternativtext und optional einem Knopf (Text + Ziel). Am Griff links ziehst du Folien in eine andere Reihenfolge, über „Mehrere Bilder als Folien“ legst du gleich mehrere auf einmal an. Überschrift, Untertitel und Knopf-Text kannst du auch direkt auf der Folie im Entwurf anklicken und ändern.
Darstellung
Höhe und Bild abdunkeln bestimmen den Gesamteindruck. Die Abdunklung ist kein Schmuck: heller Text auf einem Foto ist ohne sie Glückssache – 30 bis 50 Prozent reichen meist. Mit Text senkrecht legst du fest, ob der Text oben, mittig oder unten sitzt; ob er links, mittig oder rechts steht, kommt aus dem Tab Design.
Bewegung
Drei Effekte: Schieben (die Folien wandern seitlich – die ruhigste Variante und die einzige, die sich auch ohne JavaScript wischen lässt), Überblenden (weicher Wechsel ohne Bewegung) und Zoom (das Bild fährt langsam heran). Die Übergangsdauer erscheint nur bei Überblenden und Zoom – beim Schieben hätte sie keine Wirkung.
Automatisch weiterschalten ist bewusst ausgeschaltet, auch bei neuen Slidern. Schaltest du es ein, pausiert der Slider, sobald der Zeiger darüber liegt oder ein Bedienelement den Fokus hat, und es erscheint ein Pause-Knopf – ohne den wäre bewegter Inhalt für manche Besucher nicht lesbar. Wer im Betriebssystem „weniger Bewegung“ eingestellt hat, bekommt gar kein automatisches Weiterschalten.
Bedienelemente
Pfeile und Punkte erscheinen ab zwei Folien. Im Entwurf siehst du sie, bedienbar sind sie auf der veröffentlichten Seite. Dort funktionieren zusätzlich Wischen und die Pfeiltasten.
Galerie: Bilder und Raster
Jedes Bild ist eine Karte mit Bildtext und Alternativtext; mehrere Bilder auf einmal holst du über „Mehrere Bilder wählen“. Im Raster stellst du Spalten (1–4), Abstand und Bildformat (4:3, Quadrat, 3:2) ein. Die Spaltenzahl gilt für breite Bildschirme – schmalere Seiten stufen automatisch: ab etwa 860 Pixel auf zwei Spalten, ab etwa 540 Pixel auf eine.
Bildtext und Großansicht
Der Bildtext liegt über dem Bild und lässt sich aus, beim Zeigen oder immer anzeigen. Ist die Großansicht an, öffnet ein Klick das Bild groß über der Seite – mit Escape oder einem Klick daneben wieder zu, mit Vor/Zurück blätterst du durch die Galerie.
Was im Design-Tab liegt
Eckenradius, Rahmen, Schatten, Abstände, Textausrichtung und der Hover-Effekt (darunter neu Grau zu Farbe) gehören zum Tab Design – nicht zum Inhalt. So gibt es für jede Sache genau einen Regler.
Pfeile und Punkte gestalten
Unter Bedienelemente schaltest du Pfeile und Punkte ein oder aus und gestaltest sie: Pfeile rund, eckig oder nur als Pfeil, seitlich oder unten rechts, mit Größe, Flächen- und Symbolfarbe; Punkte mit breitem aktivem Punkt oder alle rund, links, mittig oder rechts, mit Größe und Farbe.
Häufige Fragen
Ändert sich etwas an meinen bestehenden Galerien und Slidern?
Am Aussehen nichts: bestehende Galerien bleiben quadratisch mit 12 Pixel Abstand, bestehende Slider behalten ihre bisherige Höhe und bekommen keine Abdunklung. Dazu kommen nur Bedienelemente (Pfeile und Punkte beim Slider, Großansicht bei der Galerie) – die verschieben nichts im Layout.
Warum ist „Automatisch weiterschalten“ nicht von Haus aus an?
Weil Inhalt, der sich ohne Zutun bewegt, für viele Menschen schwer zu lesen ist. Du kannst es jederzeit einschalten – dann bekommt der Slider automatisch einen Pause-Knopf dazu.
Kann ich Folien und Bilder umsortieren?
Ja, am Griff links an jeder Karte ziehen. Alternativ nutzt du die Pfeile nach oben und unten an der Karte.
Warum sehe ich die Übergangsdauer beim Effekt „Schieben“ nicht?
Weil sie dort nichts bewirken würde: Schieben nutzt das natürliche Scrollen des Browsers, dessen Tempo lässt sich nicht setzen. Bei Überblenden und Zoom erscheint das Feld.
Wozu der Alternativtext?
Er beschreibt das Bild für Menschen, die es nicht sehen können, und für Suchmaschinen. Ein Satz reicht: was ist zu sehen.
Wie füge ich eine Bildergalerie ein?
Im Builder fügst du den Baustein „Galerie“ ein und wählst deine Bilder über die Medien-Auswahl. Danach stellst du Spaltenzahl, Abstand, Bildformat und Ecken ein; auf Wunsch öffnet ein Klick das Bild groß. Für eine große Bühne ganz oben nimmst du stattdessen den Hero-Slider.