INFO:Version 19.xModultyp:

Weblic®: Teaser, Banner, Slider

Mit diesem Strukturelement kann der Redakteur Seiten und Folien als Teaser bzw. Banner präsentieren. Ein Banner kann neben einem Bild auch einen Titel und einen Kurztext enthalten. Optional lässt sich jeder Eintrag auf eine beliebige Seite verlinken. Für die Darstellung stehen unterschiedliche vorgefertigte Layouts zur Verfügung, welche sich individuell anpassen lassen. Der Redakteur kann neben dem Layout auch wählen, wie schnell gewechselt, welcher Überblendeffekt genutzt werden soll und vieles mehr.

In der BASE ist das Weblic® Teaser, Banner Slider bereits in der Standardauslieferung enthalten und kann über den Struktureditor an der gewünschten Stelle einer Seite eingefügt werden.

Struktureditor - Auswahl "Teaser, Banner, Slider" Weblic®
Struktureditor - Auswahl "Teaser, Banner, Slider" Weblic®

Bedienung

Nach dem Einfügen des Strukturelement eines Banner-Elementes, steht Ihnen eine komfortable Maske für die Listenoptionen zur Verfügung. Die Listenoptionen rufen Sie über das Konfigurations-Element Symbol Icon auf.

Abhängig von den Einstellungen des Banner-Elementes, der CSS-Only-Eigenschaften einer Weblic®-Variante und der Projektkonfiguration erhalten Sie in der Listenbearbeitung des Banners die zur Pflege freigegebenen Attribute. Die standardmäßig eingestellten Attribute finden Sie im Artikel zur Listenbearbeitung beschrieben.

Die vielfältigen Einsatzmöglichkeiten des Banner-Weblics® können Sie schon durch die standardmäßig zur Verfügung stehenden CSS-Only-Varianten einsehen. Diese Varianten können über CSS beliebig angepasst und erweitert werden bzw. können beliebige neue Varianten erstellt werden.

Nachfolgend finden Sie ein paar Beispiele aufgelistet, welche alle auf Grundlage der gleichen Bilder, nur unterschiedlicher CSS-Only-Variante, erstellt wurden.

Banner-Variante 99 (Standard)
Banner-Variante 99 (Standard)
Banner-Variante 0
Banner-Variante 0
Banner-Variante 17
Banner-Variante 17
Übrigens:
Sie können Banner zum einen auf Grundlage von PHP-Dateien (Slide-Folien) oder auf Grundlage von Bildern generieren lassen. Wählen Sie hierfür als aufzulistendes Verzeichnis entweder ein slides-Verzeichnis (siehe z.B. BASE) oder ein Bild-Verzeichnis.
Für eine optimale Darstellung des Banner-Elementes sollten die verwendeten Bannerbilder nach Möglichkeit dieselbe Auflösung (Breite und Höhe) haben!