Div içinde Resmi Sığdırma Sorunu
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam

Anasayfa
İletişim
Üyeler

Div içinde Resmi Sığdırma Sorunu

Paylaş  :
profil
ismailayyildizz
GÖRÜNTÜLENME(1136)
RAPOR ET
Merhaba bir projemde desen üzerinde kullanıcı inputa girdiği değerle resmi width ve height olarak nasıl şekil aldığını görüyor.

Fakat sorunum id'si ismail olan div'ime belirlediğim alan içinde resmin tamamının gözükmesi.
Tam olarak anlaşılması için aşağıdaki linkte genişlik değerine 200 yazın yükseklik değerine 5000 yazın div içinde resmin yarısı gözüküyor.
Benim istediğim kullanıcı ne yazarsa yazsın tamamını o ismail div'i içerisinde görsün.

Lütfen bu konuda yardımcı olurmusunuz. Jquery pek bilmiyorum.
Teşekkürler

Örnek link: http://ismail.cfturk.com/desen/desen.cfm




cArleone
cArleone 2 Yıl Önce Cevaplandı
Yapmak istediğin boyut ne olursa olsun divin sınırları içinde olması ise
var width = $('#width'),
height = $('#height'),
resim = $('#resim'),
onChange = function(){
resim.css({width: width.val(),height: height.val()});
if(width.val()>400){resim.css({width:400});}
if(height.val()>200){resim.css({height:200});}
};

İstediğiniz resim ile beraber divinde genişlemesi ise şu şekilde yapabilirsin.
var width = $('#width'),
height = $('#height'),
resim = $('#resim'),
onChange = function(){
resim.css({
width: width.val(),
height: height.val()
});
$("#ismail").width(width.val()).height(width.val())
};
ismailayyildizz
ismailayyildizz 2 Yıl Önce Cevaplandı
Abi hayir div genislesin istemiyorum. Div in boyutu 400 200 px bu divin icinde resim girilen deger kadar genislesin uzasin. Div sabit kalsin butun islemler 400 200 px icinde olsun. Burda amac resmin dagildigini vs kullanici gorsun istiyorum. Ama div sinirlari icinde ne deger girilirse girilsin resime 1000 px girilse bile div in icinde gozukmesini istiyorum.

Tesekkurler.
cArleone
cArleone 2 Yıl Önce Cevaplandı
İsmail divinin css deki overflow hiddeni silin.
ismailayyildizz
ismailayyildizz 2 Yıl Önce Cevaplandı
abi aynen dediğini yaptım fakat bozuldu şuan hiç çalışmıyor.
http://ismail.cfturk.com/desen/desen.cfm

ilk yazdığın jqueryi yapıştırdım ve ismail divindeki overflow hidden sildim. şu an hata veriyor.

http://ismail.cfturk.com/desen/desen.cfm
cArleone
cArleone 2 Yıl Önce Cevaplandı
Diğer kodları silmişsiniz ondan.sadece editlecek yerlerin kodlarını eklemiştim.şu şekilde olmalıydı.
<script type="text/javascript">
var width = $('#width'),
height = $('#height'),
resim = $('#resim'),
onChange = function(){
resim.css({width: width.val(),height: height.val()});
if(width.val()>400){resim.css({width:400});}
if(height.val()>200){resim.css({height:200});}
};

width.val( resim.width() );
height.val( resim.height() );

width.on('keyup', onChange);
height.on('keyup', onChange);

</script>
ismailayyildizz
ismailayyildizz 2 Yıl Önce Cevaplandı
Abi merhaba;

Şuan koydum çalıştı ama benim istediğim olay bu değil :((((((((

http://ismail.cfturk.com/desen/desen.cfm

ismail div'inin içersinde resme ne boyut verilirse verilsin div'in içinde şekil alması. Şu an mesela genişlik 2.500 px yükseklik 1.800px yazdığında resim yine 400px 200px oluyor. bunu istemiyorum.

Burda amaç modelin dağıldığını kullanıcıya göstermek. Modelin görüntü olarak bpzulduğunu orada görmesi.

Özür dilerim çok zahmet verdim sizede.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol