Sabit olmayan boyuttaki resmi, belirtilen alana sığdırmak

04-10-2012, 14:36:05

Üyeliği durduruldu

Arkadaşlar Merhaba, uzun aramalarıma rağmen bulamadığım bir sorunu çözmemde yardımcı olmanızı diliyorum.

Siteye dosya upload edilecek ama gelen resmin boyutu belirsiz. Örneğin; diyelim ki gelen resim dosyasının boyutu 150x120

Bizim <img src=""> alanımızın width=80 height=80 şimdi bu gelen 150x120 lik resim bu alana yukarıdan ortalı bir şekilde nasıl sığdırabiliriz, yanlardan fazlalıklar olursa gözükmeyecek. Yeterki dikeyde belirttiğimiz 80x80 alana sığsın.

Şimdiden çok teşekkür ederim.

04-10-2012, 14:37:57

#2

Silver

Sitenizi görebilir miyim, daha iyi anlayabilmek için?

04-10-2012, 14:55:19

#3

~~cristogi~~

Üyeliği durduruldu

Çok teşekkür ederim Silver, siteyi yapıyor olduğum için yayında değil Silver, ask.fm deki profil resim yükleme olayının aynısını yapmak istiyorum.

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 14:55:19 -->-> Daha önceki mesaj 14:54:43 --

Silver adlı üyeden alıntı: mesajı görüntüle

Sitenizi görebilir miyim, daha iyi anlayabilmek için?

Çok teşekkür ederim Silver, siteyi yapıyor olduğum için yayında değil Silver, ask.fm deki profil resim yükleme olayının aynısını yapmak istiyorum.

04-10-2012, 15:03:44

#4

~~Delibey09~~

Üyeliği durduruldu

Kullandığınız dil nedir?

PHP kullanıyorsanız : http://www.phpclasses.org/browse/file/4571.html
ASP kullanıyorsanız : http://www.motobit.com/tips/detpg_asp-resize-image/

04-10-2012, 15:15:38

#5

~~cristogi~~

Üyeliği durduruldu

Delibey09 adlı üyeden alıntı: mesajı görüntüle

Kullandığınız dil nedir?

PHP kullanıyorsanız : http://www.phpclasses.org/browse/file/4571.html
ASP kullanıyorsanız : http://www.motobit.com/tips/detpg_asp-resize-image/

php kullanıyorum @Delibey09

Sanırım bu çözümü sağlıycak ama classlardan anlamadığım için nasıl kullanacağımı bilemedim :'(

04-10-2012, 15:47:21

#6

Elegantrap

Merhaba şu şekilde nasıl olur,

resme class atayarakta yapabilirsinşu şekilde;

<img src="001.jpg" class="resim" />

.resim {max-width:80px;max-height:80px;}

ya da aynısını kod içerisinden style vererek yapabilirsin o da bu şekil;

<img src="001.jpg" style="max-width:80px;max-height:80px;" />

ama bu şekilde resimlerin görüntü kalitesinde bozulma şansı olabilir bilgine.

04-10-2012, 17:57:42

#7

~~cristogi~~

Üyeliği durduruldu

Elegantrap adlı üyeden alıntı: mesajı görüntüle

Merhaba şu şekilde nasıl olur,

resme class atayarakta yapabilirsinşu şekilde;

<img src="001.jpg" class="resim" />

.resim {max-width:80px;max-height:80px;}

ya da aynısını kod içerisinden style vererek yapabilirsin o da bu şekil;

<img src="001.jpg" style="max-width:80px;max-height:80px;" />

ama bu şekilde resimlerin görüntü kalitesinde bozulma şansı olabilir bilgine.

Öncelikle çok teşekkür ederim yardımınız için. Lakin o tam olarak ask.fm deki gibi olmuyor. Resim alanın içine sığdırılıyor ancak kenarlarda boşluk kalıyor.

04-10-2012, 18:21:06

#8

frdtrkc

Şöyle bir şey işini görecektir...

Yüksekliğine 100% verdiğim kapsayıcısı 80px olduğu için resim ona göre daha geniş kalırsa örneğin 110 x 80 olursa 30px lik fazlalık olan kısımlar görünmeyecektir.

<div style="overflow:hidden; width:80px; height:80px; text-align:center;">
	<img src="001.jpg" style="height:100%;" />
</div>

04-10-2012, 19:06:52

#9

~~cristogi~~

Üyeliği durduruldu

frdtrkc adlı üyeden alıntı: mesajı görüntüle

Şöyle bir şey işini görecektir...

Yüksekliğine 100% verdiğim kapsayıcısı 80px olduğu için resim ona göre daha geniş kalırsa örneğin 110 x 80 olursa 30px lik fazlalık olan kısımlar görünmeyecektir.

<div style="overflow:hidden; width:80px; height:80px; text-align:center;">
	<img src="001.jpg" style="height:100%;" />
</div>

Çok teşekkür ederim @frdtrkc ama buda alana sığdırıp ortalıyor, kenarlar boş kalıyor. Benim tam olarak yapmak istediğim ask.fm deki gibi

Resmin tamamını içeri sığdırmaktansa dar olan taraf kadarı içeri alıp sonra resmin fazlalıkları gizli kalması.