Ukázka práce s obrázky

Tenhle článek nemá co říct. Existuje proto, aby bylo na čem vyzkoušet, co šablona umí s obrázky, a aby se to dalo komukoli ukázat bez dlouhého vysvětlování. Berte ho jako testovací a předváděcí kus, ne jako čtení.

V pravém dolním rohu každého obrázku, který se dá otevřít, je malá lupa. Je to jediné vodítko, podle kterého to čtenář pozná, protože na telefonu se kurzor nad obrázkem nezmění. Fotka autora u článku ani náhledy v zápatí ji nemají, ty se otevřít nedají.

Zkuste si hned teď kliknout na úvodní obrázek nahoře. Otevře se přes celou stránku na tmavém pozadí, s popiskem pod sebou a s počítadlem dole. Šipkami vlevo a vpravo, kurzorovými klávesami nebo přejetím prstem se dostanete na další obrázky v tomhle článku, protože všechny tvoří jednu skupinu bez ohledu na to, kde v textu stojí. Zavřete to klávesou Escape, křížkem, kliknutím vedle obrázku, a na telefonu i tlačítkem zpět.

Obsah

Samostatný obrázek

Obrázek, který v textu stojí sám, zůstává tím, čím byl vždycky: roztáhne se přes celý sloupec a popisek má pod sebou.

Samostatný obrázek přes celou šířku sloupce. Popisek je vidět přímo na stránce.

Mezi dvěma takovými obrázky musí být text, jinak se z nich stane mřížka. Tenhle odstavec je přesně to, co tu dva obrázky drží od sebe, a nic jiného k tomu není potřeba.

Druhý samostatný obrázek. Oddělený od prvního odstavcem textu, takže se oba kreslí přes celou šířku.

Žádnou značku jste nikam psát nemuseli. Šablona se řídí jenom tím, jestli obrázky v textu stojí vedle sebe, nebo ne.

Mřížka náhledů

Jakmile napíšete dva a víc obrázků hned za sebou, bez textu mezi nimi, složí se z nich mřížka. Dva vedle sebe, další řádek, a tak dál. Čtyři obrázky tedy dají mřížku dva krát dva, šest obrázků dva krát tři.

Popisky u náhledů nejsou vidět schválně. Pod miniaturou širokou čtyři sta pixelů by z nich byl nepořádek, takže se ukážou až v prohlížeči. Píšete je přitom úplně stejně jako u samostatného obrázku, nic zvláštního se u mřížky nedělá.

Co to znamená pro psaní

Prakticky nic. Obrázky píšete v MarkdownJednoduchý způsob zápisu textu, ve kterém se nadpisy, odkazy nebo seznamy píšou obyčejnými znaky. Generátor z něj udělá HTML.Podrobnosti o hesle Markdown, otevře se v novém okně jako dosud, popisek dáváte do uvozovek za cestu k souboru a víc neřešíte. Chcete galerii, napíšete obrázky pod sebe. Chcete dva velké obrázky za sebou, vložíte mezi ně větu.

Zmenšeniny si šablona vyrábí sama při sestavení webu, takže do repozitáře nahráváte originály a prohlížeč si z nabídnutých velikostí vybere tu, která se mu hodí. Starým skenům s malým rozlišením to nevadí: v prohlížeči se ukážou ve velikosti, kterou mají, a nikdy se nenatahují přes ni. Roztažený sken vypadá hůř než malý.