css-image-resize

izin de benim gibi zaman zaman, CSSÔÇÖde resim k├╝├ž├╝ltmeye ihtiyac─▒n─▒z olabilir. Gelen resim b├╝y├╝k bir resim olsa da ekrana getirirken belli bir oranda k├╝├ž├╝ltmek isteyebilirsiniz. Bunun i├žin g├╝zel CSS kodlar─▒ var, hem kendime not olsun, hem arayana da yard─▒mc─▒ olal─▒m diye anlatay─▒m.

 

Bu i┼člemi yapman─▒n jquery, javascript ve benzer bir├žok yolu var ama en g├╝zel ve basiti ┼č├Âyle yap─▒l─▒yor, kendimize bir selector olu┼čturuyoruz;

[css]

#kucult
{
max-width: 300px;
width: expression(this.width > 300 ? 300: true);
max-height:59px;
height: expression(this.height > 59 ? 59: true);
}

[/css]

Burda eklenecek resimi 300 px geni┼čli─čine ve 59 px y├╝ksekli─čine k├╝├ž├╝lt├╝yoruz. ┼×imdi de nas─▒l kullan─▒laca─č─▒na bakal─▒m;

[html]

<img src=”http://xxx.com/css-image-resize.jpg” id=”kucult”>

[/html]

img id k─▒sm─▒n─▒, olu┼čturdu─čumuz selector ile besledik. Bu kadar basit.

Facebook Profile photo

#r00tadmin #Basit Bir kuL #Allah (c.c) Bir kuLu i┼čte bazen bir adem bazen bir aLem !

Leave a Comment

E-posta hesab─▒n─▒z yay─▒mlanmayacak. Gerekli alanlar * ile i┼čaretlenmi┼člerdir