Obrázky

#224

Nejjednodušší způsob, jak „dostat“ obrázky do textu, je nahrát je jako přílohy. Takto nahrané obrázky můžeme vložit do textu několika způsoby.

Ve většině případů je vhodné obrázky nahrávat v plném rozlišení. Případné zmenšování obrázků řeší systém automaticky na pozadí.

Popis pro nahrání přílohy je zde.

Jeden konkrétní obrázek

Jeden obrázek vložíme pomocí příkazu articleImage. Parametr id říká číslo přílohy (v seznamu příloh vpravo za znakem #). Kliknutím na obrázek se zobrazí jeho větší verze.

{{articleImage;id:620}}

Při vkládání obrázků do článků je možné využívat tlačítek v přehledu obrázků napravo. Ty nám vloží příkazy.

  • Tlačítko nám vloží příkaz pro jednoduché vložení obrázku. Příkaz se nám vloží na místo, na kterém jsme kliknutí.
  • Tlačítko << nám vloží příkaz pro obrázek zarovnaný vlevo.
  • Tlačítko >> nám vloží příkaz pro obrázek zarovnaný vpravo.

V přehledu obrázků si můžeme přílohy také zvětšit (), upravit (), nebo smazat ().

Pokud vybereme příloh více (box u čísla nalevo) a poté zmáčkneme jedno z tlačítek v seznamu nahoře, vloží se nám jich podle výběru více.

Několik obrázků jako automatická galerie

V parametru id lze uvést několik obrázků oddělených čárkou. Obrázky jsou vhodně uspořádány do náhledů v rozumné velikosti.

{{articleImage;id:620,617,618,621,619}}

Pokud nám nevyhovuje skládání po třech obrázcích na řádek, můžeme použít parametr cnt – podporováno je dva až šest obrázků na řádek.

{{articleImage;id:620,617,618,621,619,623;cnt:6}}

Začlenění obrázku do textu

Ilustrativní „neklikatelné“ obrázky lze vložit do textu pomocí parametru style, který má hodnotu left, right nebo center podle toho, kam chceme obrázek umístit. U velkých obrázků je nutné omezit šířku obrázku – to se dělá pomocí parametru x, který říká šířku v pixelech (cca 200 až 500 je obvykle dobré číslo).

Vlastní příkaz umístíme na vhodné místo textu.

{{articleImage;style:right;id:620;x:300}} Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.{{articleImage;style:left;id:617;x:200}} Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Kompletní galerie obrázků u článku

Pokud chceme vložit všechny obrázky u článku, použijeme příkaz articleImage bez parametru id. Můžeme, ale nemusíme, použít parametr cnt.

{{articleImage}}

Použité obrázky jsou ilustrativní, pocházejí z archívů NASA a jedná se o volně šiřitelné dílo.