| Autor | Zpráva | ||
|---|---|---|---|
| hellboy80 Profil |
#1 · Zasláno: 22. 2. 2016, 22:46:05
Existuje nakej CSS příkaz, kterej by dokazal přizpůsobit velikost obrázků v galerii tak, aby každá řada obrázků byla stejně široká (nehledě na rozdílný poměr stran obrázku) jako třeba tady?
www.joshcaudwell.com Ano, dá se to snadno vyřešit, když má každý obrázek stejný poměr stran, ale jak to udelat v případě, že obrázky nemají stejný poměr stran? |
||
| Sitole Profil |
Například pomocí CSS vlastnosti object-fit. Více v článku.
|
||
| Monkeys Profil * |
#3 · Zasláno: 22. 2. 2016, 23:21:24
hellboy80:
Asi tak ze obrazkom nastavis fixnu vysku a sirku das auto. teda img { height:300px; width:auto; }
M. |
||
| juriad Profil |
#4 · Zasláno: 22. 2. 2016, 23:30:12
Sitole:
To je silně nepraktické kvůli nepodpoře v IE. Monkeys: To neřeší problém různě širokých řádků. hellboy80: Musíš použít JavaScript. V podstatě to bude spočívat ve dvou krocích: 1) naplánovat, které obrázky budou na jedné řádce. K tomu stačí trojčlenka pro každý obrázek pro výpočet šířky pro předem danou šířku. Na řádek budeš přidávat obrázky, dokud se vejdou. 2) nastavit správně rozměry. Teď víš kolik místa obrázky na řádce zabírají. Malinko tu optimální výšku zvětšíš tak, aby se celková šíře rovnala šířce stránky. Budeš muset při tom nastavovat jak výšku, tak šířku v pixelech a dávat pozor na zaokrouhlování, abys se ti na řádku stále vešel i poslední obrázek a nepřetekl o jeden pixel. Při jakékoli změně velikosti okna pak rozměry přepočítáš. |
||
| hellboy80 Profil |
#5 · Zasláno: 23. 2. 2016, 20:08:07
Díky. Tak JavaScript jsem ještě nestudoval. Budu se na to muse podívat :)
Já si dělám tyhle stránky, kde se to snažím udělat v téhle galerii (která zdá se v JavaScriptu je): mibro.webz.cz/produkty/#1 Kdyby někoho napadlo, jak to udělat, byl bych vděčný :) Používám Woprdpress + tuhle šablonu: downloads.wordpress.org/theme/solofolio.7.0.108.zip |
||
| hellboy80 Profil |
#6 · Zasláno: 24. 2. 2016, 23:57:53
Moc komplikovaný? :)
|
||
|
Časová prodleva: 8 let
|
|||
0