Büyük resimleri otomatik boyutlandırma?

26.10.2013 15:31

Morfran Hi again. Kullanıcı

Üyelik 06.03.2012
Yaş/Cinsiyet 30 / E
Meslek Tasarım, Yazılım
Konum İstanbul Avrupa

Ad Soyad V** Ç**
Mesajlar 763
Beğeniler 106 / 172
Ticaret 16, (%100)

Arkadaşlar bir div var 600 px ben 600pxden büyük resimler 600px olarak boyutlansın istiyorum. Ama küçükler büyümeyecek yani img'ye width= ekleyerek yapabileceğim bir şey değil. Şimdiden teşekkürler.

26.10.2013 16:25

#2

Onur89TR Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 04.12.2011
Yaş/Cinsiyet 35 / E
Meslek .
Konum İzmir

Ad Soyad ** **
Mesajlar 2376
Beğeniler 704 / 791
Ticaret 1, (%100)

div img { max-width: 600px; }
İstersen yükseklik için de max-height'i yanına yazabilirsin. Yani şöyle:
div img { max-width: 600px; max-height: 600px; }
div'in bir id'si varsa:

div#Resim img { max-width: 600px; }
div'in bir class'ı varsa:

div.Resim img { max-width: 600px; }
img tagının bir id'si varsa:

div img#Resim { max-width: 600px; }
img tagının bir class'ı varsa:

div img.Resim { max-width: 600px; }
Umarım yardımcı olabilmişimdir.

1 kişi bu mesajı beğendi.

26.10.2013 16:33

#3

Morfran Hi again. Kullanıcı

Üyelik 06.03.2012
Yaş/Cinsiyet 30 / E
Meslek Tasarım, Yazılım
Konum İstanbul Avrupa

Ad Soyad V** Ç**
Mesajlar 763
Beğeniler 106 / 172
Ticaret 16, (%100)

Onur89TR adlı üyeden alıntı

div img { max-width: 600px; }
İstersen yükseklik için de max-height'i yanına yazabilirsin. Yani şöyle:
div img { max-width: 600px; max-height: 600px; }
div'in bir id'si varsa:

div#Resim img { max-width: 600px; }
div'in bir class'ı varsa:

div.Resim img { max-width: 600px; }
img tagının bir id'si varsa:

div img#Resim { max-width: 600px; }
img tagının bir class'ı varsa:

div img.Resim { max-width: 600px; }
Umarım yardımcı olabilmişimdir.

Hocam öncelikle teşekkürler. Zaten bildiğim şeylermiş bu kadar basit olduğunu bilseydim hiç uğraştırmazdım.

Büyük resimleri otomatik boyutlandırma?

Üye Girişi Yap