| Autor | Zpráva | ||
|---|---|---|---|
| David Krupička Profil |
#1 · Zasláno: 22. 5. 2015, 14:37:40
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 |
#2 · Zasláno: 22. 5. 2015, 14:56:12
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 |
#3 · Zasláno: 22. 5. 2015, 15:28:27
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 |
#4 · Zasláno: 22. 5. 2015, 15:39:32
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 |
#5 · Zasláno: 22. 5. 2015, 15:40:50
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; 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.
|
||
|
Časová prodleva: 10 let
|
|||
0