Někdy je vhodné umístit na stránky zmenšeniny, tzv. náhledy obrázků či fotografií. Kromě toho, že pak text vypadá někdy prostě lépe, ale zabráníme i tomu, že se stránky budou načítat příliš dlouho.
Rady pro vytvoření fotogalerie jsou v části Jak vytvořit fotogalerii v textu.
1. Vložení náhledu (zmenšeniny)
- Kurzor myši umístěte na místo, kde chcete mít zobrazený obrázek (obrázek lze po vložení přesunout).
- Klepnout na ikonku pro vložení obrázku. Zobrazí se okno Vlastnosti obrázku.
- Klepnout na tlačítko Vybrat na serveru. Otevře se okno, které umožňuje zvolit obrázek uložený na serveru.
- Pokud již je obrázek uložený na serveru pokračovat bodem 9, jinak klepnout na tlačítko Procházet.
- Příslušný obrázek nalézt a vybrat ve Vašem počítači.
- Potvrdit tlačítkem Otevřít.
- Klepnout na tlačítko Nahrát.
- Jestliže je okno po tomto kroku prázdné (zpravidla v prohlížeči Mozilla Firefox ), aktualizovat adresář znovuzvolením v levém menu. Nyní již je obrázek vidět.
- Klepnout na příslušný obrázek, okno se samo zavře a je vidět opět okno Vlastnosti obrázku.
- V jednom z polí Šířka či Výška zadat menší rozměry obrázku (Např. 100). Druhé se změní automaticky. V Náhledu je ihned k posouzení velikosti obrázku vůči textu.
- 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).
Tip:
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...)
Poznámky:
► Obrázku můžete přidělit Id (záložka Rozšířené). Pak tento obrázek může fungovat i jako záložka/kotva.
► 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.
2. Velká fotografie po klepnutí na náhled
Velká (originální) fotografie se na stránky nevkládá, ale nechá se na ní mířit odkaz.
- Klepnout na náhled (zmenšeninu) obrázku v poli pro editaci pod RichTextem.
- Klepnout na ikonku pro vložení odkazu. Zobrazí se okno Odkaz.
- Klepnout na tlačítko Vybrat na serveru. Otevře se okno, které umožňuje zvolit obrázek uložený na serveru.
- Jako Typ souboru vybrat Obrázek (vlevo nahoře).
- Nalézt příslušný obrázek a klepnout na něj, okno se samo zavře a je vidět opět okno Odkaz.
- 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.
Tip:
Velmi efektně se 'zvětší' obrázek, pokud v záložce Rozšířené v poli Třída (class) prvku zvolíte Thickbox.
Poznámky:
Lze zadat 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. Při zvoleném Thickboxu se zobrazí nad velkým obrázkem.