Stránka 1 z 1

[Javascript, HTML, CSS, ASP] Zmenšení obrázku do stránky.

Odeslat příspěvekNapsal: 18. 10. 2014 16:22
od nofire
Zdar, můžete mi prosím někdo poradit ?
Dělám si databázi vína a k detailu vína chci přidat obrázek lahve. Jde mi o to, že si na server uploadnu obrázek lahve, ale ten bude mít jednou rozměr třeba 800 x 300px a potom třeba 600 x 200px. A já bych potřeboval nějak procentuálně zmenšit ty obrázky aby se mi vešli do DIVu 400x 150. Zkrátka nějak je zmenšit při zachování poměru stran. Prohledal jsem web ale nic kloudnýho jsem nenašel, nemáte někdo nějakou fintu ?
Díky za pomoc.

Re: [Javascript, HTML, CSS, ASP] Zmenšení obrázku do stránky.

Odeslat příspěvekNapsal: 18. 10. 2014 17:28
od PiranhaGreg
Jdi na to s CSS vlastnostmi max-width a max-height ;-) .

Re: [Javascript, HTML, CSS, ASP] Zmenšení obrázku do stránky.

Odeslat příspěvekNapsal: 18. 10. 2014 19:31
od nofire
Jo to je v pohodě, ale já do tý databáte budu dávat obrázky s různými rozměry. Takže by to potom byla zkreslená fotka kdybych tam dal fotku třeba 600x100 a já bych měl určenou width-max na 250px. Potřeboval bych to tak aby byl zachovanej poměr stran. Navíc width-max moc nepodporuje Micro$oftí prohlížeč. Ale díky

Re: [Javascript, HTML, CSS, ASP] Zmenšení obrázku do stránky.

Odeslat příspěvekNapsal: 19. 10. 2014 11:22
od PiranhaGreg
To ti ten poměr zachová. Prostě se jenom zvětší tak, aby ani jeden z těch dvou rozměrů nepřesáhl. A s podporu není od IE7 problém ani u MS ;-) .
http://caniuse.com/#feat=minmaxwh

Re: [Javascript, HTML, CSS, ASP] Zmenšení obrázku do stránky.

Odeslat příspěvekNapsal: 19. 10. 2014 12:25
od nofire
Díky moc, už to mám hotovo. Nevím kde jsem přišel na to, že to nefunguje. Je to paráda, zase jsem o něco chytřejší.

Dííííky