Autor Zpráva
David Krupička
Profil
Zdravím, asi je to banální věc ale mám obrázky, které jsou všechny jinak veliké ale chtěl bych jejich miniautry na stránce všechny zobrazovat stejně. Ideálně jako <img src.... bez toho, aniž bych je nastavoval jako použití divu. Nechci aby se obrázky roztáhly (tím že jim nastavím pevnou velikost width:xxxx height: xxx) nebo aby byly všechny jinak velké, tím že bych nastavil pouze max-width a max-height. Radši bych je měl ořízlé tak, aby se zobrazovaly správně.
sitole
Profil
Jestliže to chápu dobře.. Stačí v CSS nastavit velikost na kolik procent případně px budeš potřebovat a nastavíš automatickou výšku, který se vypočítá z šířky, aby nebyl obrázek deformovaný.
David Krupička
Profil
Chtěl bych mít ale všechny obrázky např 50x50 (pevnou výšku i šířku), bez deformace. Nejspíš to ale budu muset vyřešit na úrovni php, kde budu obrázek ukládat a oříznout jej už při ukládání a uložit jako ikonu. Protože jiná možnost mne nenapadá, jeslti se dají v HTML+CSS zobrazovat ořízlé obrázky právě nevím.
Alphard
Profil
I kdyby to šlo řešit až v prohlížeči, nebylo by to rozumné (originální fotografie jsou zřejmě podstatně větší než miniatury, přenášelo by se zbytečně mnoho dat).

PHP 5.5 má funkci imagecrop, pokud máte starší verze, tak např. stackoverflow.com/a/1856049.
Tomáš123
Profil
David Krupička:
Ak obrázky nemajú rovnaké proporcie v čistom HTML sa dajú orezať snáď iba zastaralým atribútom na nastavenie pozadia. Našťastie však bol tento atribút nahradený vlastnosťou background v CSS. V prípade, že do CSS pridáš deklaráciu ako:
background: url(cesta/ku/suboru.obr) no-repeat center black;
...obrázok sa oreže od stredu (teda stratí okraje). Väčšie problémy ti ale, predpokladám, bude robiť prestavovanie URL adries. Šlo by obrázok obaliť divom, zneviditeľniť prvok <img> (display: none) a obalu nastaviť vyššie spomenutý riadok. Prípadne na úrovni PHP pridávať URL adresu obrázku do inline štýlu ku elementu alebo do hlavičky súboru.

Predstavujem si to nejako takto. Problém by mohlo tvoriť chýbajúci atribút alt. Určite sa nájde niekto skúsenejší a doplní ma.

Vaše odpověď

Mohlo by se hodit

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: