Resim En Fazla X boyuna Gelsin??

07-12-2009, 09:59:57

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

NiZZo_

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

cocainer

Ama resim koduna eklersen boyutu 700'den kucuk olanlarıda 700'e ceker..

07-12-2009, 13:10:01

#4

NiZZo_

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

rizeligenc89

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

rizeligenc89

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

NiZZo_

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

~~LineBilisim~~

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

teknolyo

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