Fotogalerie

K čemu slouží

Fotogalerie je určena k přehledné prezentaci většího množství fotek na webu. 

Příklady použití:

  • Díky fotogalerii můžete na webu vizuálně prezentovat nabízenou službu či produkt a lépe je tak přiblížit návštěvníkům webu (např. fotogalerie pokojů na kolejích, ukázka expozice muzea, vybavení knihovny či fotografie prostor k rezervaci). 
  • Prezentace vybraných fotek z minulých ročníků konference, letní školy či jiné akce zprostředkuje potenciálním účastníkům lepší představu o tom, co mohou očekávat, a tím je motivovat k účasti.

Jak s komponentou pracovat

Varianty vzhledu a další nastavení

Možnosti vzhledu

  • 2 až 6 obrázků na řádku – lze nastavit počet sloupců, do kterých se fotky v jednom řádku rozdělí (v desktopovém prohlížeči; na mobilu se zobrazí pod sebou)
  • oddělení fotografií – dvě varianty: oddělené fotografie nebo jednolitá plocha
  • poměr stran obrázků v přehledu – původní poměr stran, nebo zvolený poměr, podle kterého se fotky v přehledu oříznou a budou tak stejně velké (výřez lze nastavit u jednotlivých fotek ve složce Média); po kliknutí na fotografii se fotka zobrazí celá
  • zvětšení fotek po kliknutí – funguje automaticky, možno zrušit
  • zobrazení popisků – každá z fotografií může mít vlastní popisek (v detailu fotky, případně i v přehledu fotek)

Další informace a nastavení

  • Popisky fotografií lze nastavit u každé jednotlivé fotografie v Médiích. Popisky se vždy zobrazí v detailu fotky, případně i v přehledu fotek (dle nastavení). V Médiích lze také nastavit např. autora fotek či informace o zdroji či licenci na úrovni celé složky s fotografiemi, nemusíte tedy zadávat stejný popisek jednotlivě ke každé z fotek.

  • Každou z komponent vytvořených v Umbracu je možné na webu skrýt (záložka Viditelnost v nastavení prvku) a vždy je možné nastavit rozestupy od okolních prvků (záložka Rozestupy).
  • Prozkoumejte a vyzkoušejte všechny dostupné možnosti nastavení této komponenty přímo v Umbracu.

Tipy a doporučení

  • Fotografie by měly být vždy aktuální a reprezentativní. Zároveň také platí, že méně je někdy více. I přesto, že máte k dispozici např. desítky či stovky fotek z proběhlé události, vyberte pro web menší množství takových, které budou kvalitní a výstižné.
  • Zvažte možnost přidání popisků k fotkám (přímo do přehledu fotek či do detailů). Popisky umožňují poskytnout další informace a kontext k jednotlivým fotografiím a pro návštěvníka slouží k vysvětlení nebo identifikaci obsahu na fotkách.

Příklad fotogalerie

Ukázka 1

  Zvětšit obrázek
 Zobrazit živou ukázkovou stránku

Nastavení prvku v této ukázce: Oddělené fotografie, 4 sloupce, původní poměr stran obrázků, zobrazit tlačítko pro stažení fotografie

Ukázka 2

  Zvětšit obrázek
 Zobrazit živou ukázkovou stránku

Nastavení prvku v této ukázce:
Oddělené fotografie, 6 sloupců, poměr stran obrázků 16:9, nezobrazovat popisky v přehledu fotografií (zadané popisky se zobrazují pouze v detailu fotek)

Ukázka 3

  Zvětšit obrázek
  Zobrazit živou ukázkovou stránku

Nastavení prvku v této ukázkce: Oddělené fotografie, 3, případně 4 sloupce, poměr stran obrázků 4:3
(zadané popisky obrázků se automaticky zobrazují v přehledu i v detailu fotek)

Ukázka 4

 Zvětšit obrázek
 Zobrazit živou ukázkovou stránku

Nastavení prvku v této ukázce:
Jednolitá plocha, 2 sloupce, poměr stran původní, neumožnit fotografie kliknutím zvětšit, šířka fotogalerie: plná šířka přes celou obrazovku prohlížeče

Používáte starou verzi internetového prohlížeče. Doporučujeme aktualizovat Váš prohlížeč na nejnovější verzi.

Další info