selim topaloÄŸlu

bir programcının günlüğü

CSS ile resim boyutlandırma

  • Kategori : CSS
Cuma
18 Temmuz 2008

Daha önce resim boyutlandırma için bir JavaScript kodu yayınlamıştım... Daha pratik ve daha hızlı bir çözüm olarak CSS ile resim boyutlandırma yapabiliyormuşuz :) Ayrıca CSS sayesinde belli bölgeler içinde bu stili sağlayabiliyoruz.

Kod için Natu ya teşekkürler.

CSS:
  1. #Ajans img {
  2.     max-width: 260px;
  3.     max-height: 260px;
  4.     letter-spacing: expression(((this.width>260)?this.width=260:null)?"normal":"normal");
  5.     word-spacing: expression(((this.height>260)?this.height=260:null)?"normal":"normal");
  6. }

Yukarıdaki kod ile #Ajans ID sinin içindeki resimlerin boyutunu küçültüyor.

JavaScript ile resim boyutlandırma

  • Kategori : JavaScript
Pazartesi
4 Åžubat 2008

Sanalcafe forumda böyle birşey gerekliydi, konu ve cevap içeriğindeki büyük boyutlu resimler tasarımı kaydırıyordu.

Aşağıdaki kod sayfa tamamen yüklendikten sonra, Genişliği 600px den büyük olan resimleri 600px haline getiriyor. Yüksekliğinide buna göre ayarlıyor...

JavaScript:
  1. window.onload= function() {
  2.     ims = document.images;
  3.     for (var i in ims) {
  4.         if (ims[i].width> 600) {
  5.             ims[i].width=600;
  6.             ims[i].height=Math.round(ims[i].height*600/ims[i].width);
  7.         }
  8.     }
  9. }

Güle güle kullanın...

Son Yazılar


Meta


Son Yorumlar