selim topaloÄŸlu

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

CSS ile resim boyutlandırma

  • Yazar : Selim TopaloÄŸlu
  • 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.

PLAIN TEXT
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.

  • Yorum Yaz

    • JavaScript ile resim boyutlandırma

    • Yazar : Selim TopaloÄŸlu
    • 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...

    PLAIN TEXT
    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...

  • 4 Yorum

    • Kategoriler

    Arsivler

    Baglantilar

    Etiket Bulutu

    Reklamlar

    Son Yazılar


    Meta


    Son Yorumlar


    Copyright © 2007 - selim topaloÄŸlu
    WordPress | Tema : Design Disease