Na stránce se nezobrazují obrázky

Napsali jste do kódu všechno co tam má být, a obrázek se přesto nezobrazuje? Navíc třeba doma na vašem počítači to jde, ale u kamaráda ne? Na 99% je příčina popsána na této stránce. Nejdříve si zkontrolujte, že tag <img> máte opravdu správně. Ano? A stále nic? Projděte si pozorně následující řádky.

1. Obrázek není na serveru

Nestačí jenom napsat do kódu správný název obrázku. Ten obrázek musíte také nahrát na správné místo na serveru. Pokud v kódu stránky napíšete <img src="obrazky/fotka.jpg">, pak nestačí, že na svém počítači máte složku "obrazky" a v ní skutečně soubor fotka.jpg. Tento soubor musíte mít i na serveru, a to v odpovídajícím místě. Tzn. v tomto případě musí být na stejné úrovni, kde je daný html soubor, také adresář "obrazky" a v něm "fotka.jpg".

Obrázky, které máte doma na disku, nikoli na serveru, se zobrazit nemůžou. To by si každý, kdo si prohlíží vaše stránky, musel "hrábnout" k vám na disk...

Viz také kapitolu o relativních a absolutních adresách.

2. Jméno souboru s obrázkem neodpovídá jménu uvedenému v kódu

Máte v kódu ono výše zmíněné <img src="obrazky/fotka.jpg">, zároveň i na správném místě adresář "obrazky", v něm vidíte soubor "fotka.jpg" a přesto to nejde? Podívejte se pořádně. Není to náhodou fotka.JPG? Nebo Fotka.jpg... Snažím se tu naznačit, že na velikosti písmen na serveru záleží. Je to trochu jiné než ve windows. Soubory Fotka.jpg a fotka.jpg jsou dva soubory s rozdílným názvem. Vám se sice zdají názvy stejné, ale velké F není malé f a ty soubory se prostě jmenují každý jinak. Podle toho na ně také musíme odkazovat.

Abychom se vyhnuli komplikaci s variantami názvu a nemuseli zjišťovat, která písmena jsou velká a která ne, je dobrým zvykem si zvyknout na pojmenovávání souborů vždy malými písmeny.

3. Nepovolené znaky v názvu souboru

Pokud stále obrázek není, zkontrolujte, jestli v jeho názvu nemáte mezery a / nebo diakritiku. Operační systém na serveru je nemá rád, a zatímco vaše windowsy si s tím bez problémů poradí, on s tím může mít takový problém, že prostě obrázek nenajde. Takže zapomeňte na názvy typu Obrázek z naší dovolené.jpg, lepší by bylo třeba nase-dovolena.jpg.


Mozilla Firefox: Prohlížeč, kterému můžete věřit
píše -dis- bb(zavináč)choltice.eu