You are using Internet Explorer 11 or earlier, this browser is no longer supported by this website. We suggest to use a modern browser.

UCP Pattern Library
UCP Pattern Library
UCP Pattern LibraryUCP Pattern LibraryUCP Pattern Library
  • English
  • Pattern Library
  • flexible
    • English
  • Startseite
  • Image Lightbox (07_08)

Image Lightbox (07_08)

Mit der „Image Lightbox“ können Bilder hervorgehoben werden, indem diese in einem Overlay angezeigt werden, während der restliche Seitenbereich abgedunkelt ist. Zusätzlich können hierbei Downloadlinks und Beschreibungen eingebunden werden.

Außerdem kann eine Zoom-Funktion in die Lightbox integriert werden. Damit können Ausschnitte des Bildes durch Mouseover vergrößert angezeigt werden.

Beispiel Seitenansicht

Das Modul ist orange markiert

Image Lightbox - Modulansicht

Image in der Lightbox

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Bild
- nur 1 Bild möglich
- opional: Bild in 300dpi Auflösung für den Download
- Downloadoption: ja oder nein
2. Bildbeschreibung
Copyrightinformationen
Bildunterschrift- Überschrift
- Fließtext: Formatierung als hoch-/tiefgestellte Schrift oder Fettschrift möglich
Links (optional)- internal oder external (mit oder ohne Linktext)
- Download
- E-Mail
- Telefonnummer
- Button oder Image
- Kontakformular
- Location Finder

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Bild
- nur 1 Bild möglich
- opional: Bild in 300dpi Auflösung für den Download
- Downloadoption: ja oder nein
2. Bildbeschreibung
Copyrightinformationen
Bildunterschrift- Überschrift
- Fließtext: Formatierung als hoch-/tiefgestellte Schrift oder Fettschrift möglich
Links (optional)- internal oder external (mit oder ohne Linktext)
- Download
- E-Mail
- Telefonnummer
- Button oder Image
- Kontakformular
- Location Finder
Template und Seitenbereich: Image Lightbox

Der blaue Bereich gibt an, dass das Modul anwendbar ist.

Vermaßte Screenshots

Image Lightbox: Vermaßung Desktop
Desktop
Image Lightbox: Vermaßung Tablet
Tablet
Image Lightbox: Vermaßung Mobile
Mobile
Abstände Guide

Erläuterung: Abstandswerte, die in den vermaßten Screenshots verwendet werden

Internet only

So sieht das Modul aus

Image Lightbox (07_08)

Beispielseite

arrow-down UCP Pattern Library

  • brandfactory
  • media pool - das Digital Asset Management System für thyssenkrupp
  • CMS Login

Folgen Sie uns

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Impressum
  • Rechtliche Hinweise
  • Teilen tk-share
    FacebookTwitter Email LinkedIn