• 07-12-2009, 09:59:57
    #1
    Sa. Arkadaşlar ben bir sistem hazırlıyorumda..
    Sistem içinde resim bölümü var..
    Resimlerin gösterileceği sayfanın genişliği 700px..
    700px den büyük resimler var..
    700px den küçük olanlar sorun olmuyor fakat 700px den büyük olan resimler haliyle sayfayı genişletiyor..

    Bunun için ne yapabiliriz..
    Yani 700 den büyük resimlerin max 700 oalrak gözükmesini sağlayabilirmiyiz..

    Mesela css özelliklerinde margin: auto değeri veriliyor.. veya height: auto özelliği veriliyor..
    buna benzer max 700 değeri sağlayabilirmiyiz..
  • 07-12-2009, 12:54:19
    #2
    Eposta Aktivasyonu Gerekmekte
    Css dosyana bunu ekle boyutunu kafana göre ayarla

    img{
    width:700px;
    height:400px;
    }


    yada direk resim'e ekle
    şöyleki
    <img src="resim.jpg" width="700px" height="400px" />
  • 07-12-2009, 13:06:16
    #3
    Ama resim koduna eklersen boyutu 700'den kucuk olanlarıda 700'e ceker..
  • 07-12-2009, 13:10:01
    #4
    Eposta Aktivasyonu Gerekmekte
    o zaman class yapar boyutu 700px 'den büyüklere class atar

    .resim{
    width:700px;
    height:400px;
    }

    resime atarkende
    <img src="resim.jpg" class="resim" />
  • 07-12-2009, 13:11:19
    #5
    ben boyutları sabitlemek istemiyorum..

    700 altındada boyutu olan resim var..

    misal :
    resim 1: 450 X 350
    resim 2: 1024X768


    şimdi resim 1 de sorun yok.. o 450 X 350 olarak gözüksün..
    fakat resim 2 en fazla 1024 olarak gözüksün..
  • 07-12-2009, 13:19:55
    #6
    Teşekkürler..

    buldum..


    css de img tagını etkileyecek " max-width: 700px " kodunu koymak gerekiyor..

    yada şu şekilde koyabilirsiniz..

    yükleslik içinde " height-width: 700px " geçerlidir..
  • 07-12-2009, 13:20:02
    #7
    Eposta Aktivasyonu Gerekmekte
    ikinci verdiğim örneği incele yada resim boyutu büyük olan resme şöyle birşey ekle

    <img src="resim.jpg" width="700px" height="400px" />
  • 07-12-2009, 13:25:39
    #8
    rizeligenc89 adlı üyeden alıntı: mesajı görüntüle
    Sa. Arkadaşlar ben bir sistem hazırlıyorumda..
    Sistem içinde resim bölümü var..
    Resimlerin gösterileceği sayfanın genişliği 700px..
    700px den büyük resimler var..
    700px den küçük olanlar sorun olmuyor fakat 700px den büyük olan resimler haliyle sayfayı genişletiyor..

    Bunun için ne yapabiliriz..
    Yani 700 den büyük resimlerin max 700 oalrak gözükmesini sağlayabilirmiyiz..

    Mesela css özelliklerinde margin: auto değeri veriliyor.. veya height: auto özelliği veriliyor..
    buna benzer max 700 değeri sağlayabilirmiyiz..

    <img src="resim.jpg" style="max-width: 700px; max-height: 400px;">

    max-width internet explorer dışında tüm tarayıcılarda çalışır..
  • 14-12-2009, 10:45:07
    #9
    jquery ile if'li bir yapı oluşturursan çok rahat yaparsın.

    eğer galery divinin içindeki resimin widthi büyükse 700den widhti 700 yap. gibi