Elektronik Devreler: resim boyutunu kıstas ayarlama html kodları

Aşağıdaki Kodları Seç Kopyala Yapıştır

Resim Boyutu Ayarlama Ön İzlemeye Git

Hepsini Seç

sy{
   color :black;
   font-size :23px;
}

#div1{
      position:absolute; top:170px; left:40%;
    border :3px solid blue; width:300px; border-radius :8px;

}

</style>

window.onload = renkFunc;

function renkFunc(){
 document.body.style.backgroundColor = "#FFDBCF";
  }

function resimFunc(src) {

var xr = document.getElementById('res').value;

document.getElementById('resim').src = "http://elektrosin.com/resim/" + xr + ".jpg";
           var xh = document.getElementById("resim").naturalHeight; 
      document.getElementById("yukDeger").innerHTML = xh;
                  }

function ayarFunc() {
            document.getElementById('resim').style.width = document.getElementById('ayar').value;

var xh = document.getElementById("resim").clientHeight; 
 
document.getElementById("yukDeger").innerHTML = xh;

if (xh > 70 && (xh < 74)  )
{document.getElementById('div1').style.backgroundColor = "blue";
document.getElementById('biip').play();

}
else
{document.getElementById('div1').style.backgroundColor = "gray";

}
    
  }

function boyutugorFunc(src) {
var xx = document.getElementById("resim").naturalWidth; 
var xh = document.getElementById("resim").naturalHeight;
document.getElementById("boyutum").innerHTML = "Resimin Doğal Boyutu: " + xx + " X " + xh;
}

</script>

<center>
<h3>
Resim Yükseklik Değeri <b>71</B>px olmalıdır!!</H3></center>
<center>
<sy>Resim Yükseklik Değeri <b id="yukDeger"></B> px oluşturuldu</sy></center>
<center>
<h2 id="boyutum">
</H2></center>
<div id="div1">
<br><center>

<div id="mystickytooltip" class="stickytooltip">
<div style="padding:5px  border-style: solid; border-width: 5px;">

<div id="deger" class="atip" style="color:blue; ">
Buradan Çıkacak width(genişlik)<br></B> Sonucunu Yaz...</div>
</div>
</div>

Elektronik Devreler

Ziyaretçi Sayısı

ARAMA YAPIN

7 Ekim 2016 Cuma

Resimlerin hepsini aynı büyüklükte yapma html kodları