Hlavička stránky

Fotografie na webe

Fotogaléria

V tejto časti si ukážeme, ako riešiť zobrazovanie väčšieho množstva forografií. Tu sa najčastejšie používajú fotogalérie, kde sú na stránke tzv. miniatúry a foto vo väčšom rozlíšení sa ukáže po kliknutí na konkrétnu fotku v prehľade. Fotogalériu je možné naprogramovať viacerými spôsobmi, tu je ukážka jedného z nich. Tu je naprogramované atribútom _blank, tj. foto sa zobrazí v novom okne prehliadača. Kliknite na ľubovoľný z obrázkov.

Pre lepšiu orientáciu vo veľkostiach fotografií na Vašich stránkach vložím niekoľko obrázkov aj s rozmermi. Foto školy má v skutočnosti rozlíšenie 800x600 pixlov a veľkosť 83KB, v nasledujúcej ukážke je veľkosť nastavená na 640x480 pixlov

Náš pes
Foto psa je na disku v rozlíšení 400x300 pixlov, veľkosť súborov je 75KB. Zobrazíme fotku vpravo a text bude obtekať zľava.

V prípade vloženia viacerých fotiek na jednu podstránku, ktoré nie sú zmenšené, by mohlo spôsobiť zdĺhavé načítanie.

Úlohy v tejto podstránke

  1. Nájdite na svojom disku fotku v pôvodnej veľkosti, môžete hľadať podľa veľkosti súboru
  2. Zistite jej rozlíšenie a zmenšite ju tak, aby dlhší rozmer nepresahoval 1000px
  3. Zabezpečte jej zobrazenie dvakrát, raz v pôvodnej veľkosti, raz použite parametre width a height na zmenšenie

Odkazy

Hlavná ulica č.123,
960 01 Zvolen;
tel. +421 999 123 456;
web: IT Pizza
Objednávky posielajte na e-mail: Pizzeria.