Jak vytvořit fotogalerii v textu

Pokud nechcete z nějakého důvodu použít záložku Fotogalerie pro vložení fotografií (např. pokud chcete menší fotogalerii vložit přímo do textu nebo pokud chcete mít na jedné stránce více fotogalerií), můžete si fotogalerii vytvořit sami pomocí tabulky.

• 1. Vložení tabulky
• 2. Vložení náhledů do tabulky
• 3. Velká fotografie po klepnutí na náhled

1. Klepnout na ikonku pro vložení tabulky. Zobrazí se okno Vlastnosti tabulky.
2. Zvolit počet řádků a sloupců. (Není problém později další přidat.)
3. Do pole Popis lze napsat název fotogalerie.
4. Jako CSS styl zvolit Neviditelná tabulka na obrázky (úplně dole).

1.     Kurzor umístěte do příslušné buňky tabulky.
2.     Klepnout na ikonku pro vložení obrázku. Zobrazí se okno Vlastnosti obrázku.
3.     Klepnout na tlačítko Vybrat na serveru. Otevře se okno, které umožňuje zvolit obrázek uložený na serveru.
4.     Pokud již je obrázek uložený na serveru pokračovat bodem 9, jinak klepnout na tlačítko Procházet.
5.     Příslušný obrázek nalézt a vybrat ve Vašem počítači.
6.     Potvrdit tlačítkem Otevřít.
7.     Klepnout na tlačítko Nahrát.
8.     Aktualizovat adresář zvolením v levém menu. Nyní lze obrázek vidět.
9.     Klepnout na příslušný obrázek, okno se samo zavře a je vidět opět okno Vlastnosti obrázku.
10.     V jednom z polí Šířka či Výška zadat menší rozměry obrázku (Např. 100). Druhé se změní automaticky. V Náhledu můžete ihned vidět jak je obrázek veliký vůči textu.
11.     Nyní potvrdit tlačítkem Ok v okně Vlastnosti obrázku, nebo využít další možnosti, které jsou uvedené níže v Poznámkách (například zarovnání obrázku).
12.     Takto vložit do tabulky všechny náhledy, přičemž by měly být všechny stejně veliké.

Poznámky:

► Je velmi vhodné vyplnit Alternativní text obrázku (záložka Informace o obrázku), čili toho co je na obrázku zobrazeno. Například Oslava narozenin. Zásadní význam má pro uživatele s vypnutými obrázky, zrakově postižené a pro alternativní média (textové prohlížeče, indexovací roboty, hlasové výstupy...).
► Některé další vlastnosti obrázku lze vybrat v Třída (class) prvku (záložka Rozšířené):
        Zarovnání vlevo - Obrázek se zarovná k levému okraji a text ho bude obtékat zprava.
        Zarovnání na střed - Obrázek se zarovná na střed a text ho bude obtékat pouze shora a zdola.
        Zarovnání vpravo - Obrázek se zarovná k pravému okraji a text ho bude obtékat zleva.
        Zarovnání vlevo s rámečkem - Kolem obrázku bude navíc rámeček.
        Zarovnání na střed s rámečkem - Kolem obrázku bude navíc rámeček.
        Zarovnání vpravo s rámečkem - Kolem obrázku bude navíc rámeček.

Velká (originální) fotografie se na stránky nevkládá, ale nechá se na ní mířit odkaz.

1. Klepnout na náhled (zmenšeninu) obrázku v tabulce v poli pro editaci pod RichTextem.
2. Klepnout na ikonku pro vložení odkazu. Zobrazí se okno Odkaz.
3. Klepnout na tlačítko Vybrat na serveru. Otevře se okno, které umožňuje zvolit obrázek uložený na serveru.
4. Jako Typ souboru vybrat Obrázek (vlevo nahoře).
5. Nalézt příslušný obrázek a klepnoutna něj, okno se samo zavře a je vidět opět okno Odkaz.
6. V záložce Rozšířené v poli Třída (class) prvku vybrat Thickbox.
7. V té samé záložce zvolit v poli Fotogalerie nějakou galerii (např. galerie 1). Další obrázky patřící do stejné fotogalerie (tabulky) umístit do té samé galerie.
8. Nyní potvrdit tlačítkem Ok v okně Odkaz, ale doporučujeme využít další možnosti, které jsou uvedené níže v Poznámkách.
9. Takto vytvořit odkazy s velkými fotografiemi pro všechny náhledy.

Poznámky:

Je vhodné vyplnit Pomocný titulek odkazu (záložka Rozšířené). Ten se zobrazí, jestliže se myší přejede přes náhled, ve formě žluté bubliny. Také se zobrazí nad velkou fotografií.