Lightbox

Images fullscreen

26. Februar 2021 / Stephan Post

Lightbox

Soll ein Bild als Lightbox eingebunden werden so muss es wie folgt gekennzeichnet werden:

```lightbox```

Textanzeige

Im Text sieht das dann wie folgt aus:

```lightbox```
![Gepard](_img/Gepard.jpg "")

Beispiel

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. A arcu cursus vitae congue mauris. Euismod quis viverra nibh cras pulvinar mattis. Felis eget nunc lobortis mattis aliquam faucibus.

Gepard

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. A arcu cursus vitae congue mauris. Euismod quis viverra nibh cras pulvinar mattis. Felis eget nunc lobortis mattis aliquam faucibus.

Multi Image Lightbox

Es können auch mehrere Images als Lightbox ausgezeichnet werden. Alle Bilder werden in der Vollbildansicht als Thumbnails angezeigt und entsprechende Vor / Zurück-Navigationspfeile eingeblendet. Alle Bilder nach der Auszeichnung "lightbox" werden bis zur nächsten Leerzeile als eine Lightbox-Gallery betrachtet.

Textanzeige

Im Text sieht das dann wie folgt aus:

```lightbox```
![Pont Genois](_img/korsika.jpg "")
![Colosseum](_img/colosseum.jpg "")
![England](_img/england.jpg "")
![Berge](_img/island.jpg "")

Beispiel

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. A arcu cursus vitae congue mauris. Euismod quis viverra nibh cras pulvinar mattis. Felis eget nunc lobortis mattis aliquam faucibus.

Pont Genois
Colosseum
England
Berge

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. A arcu cursus vitae congue mauris. Euismod quis viverra nibh cras pulvinar mattis. Felis eget nunc lobortis mattis aliquam faucibus.

DRAFT
Weiterlesen: