Autor Zpráva
majop
Profil *
Zdravím.
Pri zobrazení obrázku na stránke pomocou <IMG> by som potreboval zmeniť šírku obrázku na 50pix, ale tak, aby sa zmenila aj výška a to v takom istom pomere ako aj šírka. Skrátka aby mi nevznikol na výšku, alebo šírku natiahnutý obrázok.
Ďakujem
lisux
Profil *
Použij:
<img src="nazevobrazku.jpg" width=50%>

Změní se ti výška i šířka ve stejném poměru, podle toho kolik tam dáš procent.
majop
Profil *
To je správne, ale ja potrebujem zadať pevnú šírku (nie v %), pretože neviem aký veľký bude vkladaný obrázok.
Miloš
Profil
Když zadáš jen jeden rozměr (libovolně zda width nebo height), druhá souřadnice se ti automaticky dopočítá.
Bubák
Profil
<img src="nazevobrazku.jpg" width=50%>
Šířka bude přes půl stránky, přesněji 50% šířky nadřazeného elementu. Není to zmenšení obrázku na polovinu.

Pokud obrázku zadáš jeden rozměr, druhý se vypočte, poměr stran je zachován.
Pokud je to možné, zmenši obrázek v nějakém programu, třeba IrfanView umí i hromadné zmenšení obrázků, jde zvolit i na jednotnou šířku (nebo výšku) je zachováním poměru stran.
tiso
Profil
Vlož do img zmenšený obrázok, nezmenšuj ho zadaním menších rozmerov!
majop
Profil *
Vďaka.fakt som si nevšimol takej banality.
CATerPILAR
Profil
Já to dělám takhle: při uploadu si do DB uložím info o obrázku: cestu, velikost, šířku a výšku taky.
Náhledy vypisuju takhle
$koeficient=1;  //defoultni hodnota koeficientu nastavena na 1
$konstanta=150; //maximalni dovolena sirka obrazku, dle ni se prepocita koeficient                       zmenseni                    //(lze ji libovolne menit)
if($puvodni_sirka>$konstanta) 
{
$koeficient=$konstanta/$puvodni_sirka;
$koeficient=round($koeficient,2);
$sirka=$puvodni_sirka*$koeficient;$sirka=round($sirka,0);
$vyska=$puvodni_vyska*$koeficient;$vyska=round($vyska,0);
}
else 
{
$sirka=$puvodni_sirka;
$vyska=$puvodni_vyska;
}
				  

	echo " <img src=$cesta width=$sirka height=$vyska>";

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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