Autor Zpráva
hellboy80
Profil
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 *
hellboy80:

Asi tak ze obrazkom nastavis fixnu vysku a sirku das auto.

teda img { height:300px; width:auto; }

M.
juriad
Profil
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
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
Moc komplikovaný? :)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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