Blok: Obrázek

Responzivní obrázky mají mnoho parametrů, díky který je možné flexibilně upravovat. Na stránce jsou zobrazené všechny varianty obrázků, které je možné vytvořit.

Šířka: na šířku sloupce

Základní varianta obrázku

Otevřít obrázek do lightboxu

Waterfall on Iceland

Vypnuta responzivita

Šířka: originální

Šířka: na šířku webu

Poměry stran

Původní

21:9

16:9

3:2

4:3

1:1

2:3

3:4

Odkazy

Základní odkaz na stránku

Otevřít v novém okně

Odkaz na obrázek v galerii

Pozn.: Externí URL byly odstraněny při změně obrázků 2.12, ale volba je interně schovaná (využito na projektu freeride)

Popisky

Základní pozice pod obrázkem

Popisek uvnitř obrázku

Popisek obrázku, lorem ipsum

Layouty obrázků

Layout: Karta

Obrázek vlevo

Story about Gregor Samsa

One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. 

Obrázek vpravo

Story about Gregor Samsa

One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. 

Vertikální zarovnání textu

Story about Gregor Samsa

One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. 

Story about Gregor Samsa

One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. 

Horizontální zarovnání textu

Story about Gregor Samsa

One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. 

Story about Gregor Samsa

One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. 

Story about Gregor Samsa

One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. 

Layout: Plakát

Obyčejný poster

Story about Gregor Samsa

One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. 

S odkazem a hover efektem

Automatická velikost textu

Šířka: originální

Zarovnání

Gin and tonic

Gin and tonic

Gin and tonic

Gin and tonic

Gin and tonic

Gin and tonic

Gin and tonic

Gin and tonic

Gin and tonic

Layout: Koláž

Story about Gregor Samsa

One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. 

Story about Gregor Samsa

One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. 

Zarovnání

Story about Gregor Samsa

One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. 

Story about Gregor Samsa

One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. 

Layout: Překrytí

Story about Gregor Samsa lorem ipsum dolor it amer

One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. 

Story about Gregor Samsa lorem ipsum dolor it amer

One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. 

Obrázek s tlačítkem

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Maecenas dapibus metus a tellus rhoncus mollis. Vivamus magna nulla, pellentesque id purus et, fringilla viverra neque. Vestibulum ultrices sagittis sodales. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Maecenas dapibus metus a tellus rhoncus mollis. Vivamus magna nulla, pellentesque id purus et, fringilla viverra neque. Vestibulum ultrices sagittis sodales. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Maecenas dapibus metus a tellus rhoncus mollis. Vivamus magna nulla, pellentesque id purus et, fringilla viverra neque. Vestibulum ultrices sagittis sodales.