Elektronik Devreler: resmi parlaklaştırma html kodları

PARLAKLIK :
Negatif:
BULANIK :
KONTRAST:
SİYAH BEYAZ:
DÖNDÜRME:
YATAY YÜRÜT
RESİMİ BÜYÜT

Alttaki kodları kopyala sonra html uzantılı dosyana yapıştır.

onload = arkaFon;
function arkaFon() {
document.body.style.backgroundImage = "url('http://elektrosin.com/resim/uzay_fon.gif')";
document.body.style.backgroundRepeat = "no-repeat";
document.body.style.backgroundSize = "2000px";
document.body.style.overflow = "hidden";
 document.getElementById("divID7").setAttribute("style","-webkit-transform:translateX(" + 30*17 + "px)")
}

function brightness(value) {
    document.getElementById("divID1").setAttribute("style","-webkit-filter:brightness(" + value*4 + "%)")
document.getElementById('brig').innerHTML = value*4 + "%";
}

function invert(value) {
    document.getElementById("divID2").setAttribute("style","-webkit-filter:invert(" + value*1 + "%)")
document.getElementById('negatif').innerHTML = value*1 + "%";
}

function bulur(value) {
    document.getElementById("divID3").setAttribute("style","-webkit-filter:blur(" + value*1 + "px)")
document.getElementById('bulanik').innerHTML = value*1;
}

function kontrast(value) {
    document.getElementById("divID4").setAttribute("style","-webkit-filter:contrast(" + value*2 + "%)")
document.getElementById('kontras').innerHTML = value*2 + "%";
}

function gri(value) {
    document.getElementById("divID5").setAttribute("style","-webkit-filter:grayscale(" + value*1 + "%)")
document.getElementById('gray').innerHTML = value*1 + "%";
}

function cevir(value) {
    document.getElementById("divID6").setAttribute("style","-webkit-transform: rotate(" + value*4 + "deg)")
document.getElementById('rota').innerHTML = value*4 + "  Derece";
}

function hareket(value) {
    document.getElementById("divID7").setAttribute("style","-webkit-transform:translateX(" + value*17 + "px)")
document.getElementById('transX').innerHTML = value*17 + "  PX";
}

function zom(value) {
var x = document.getElementById("boyut").value
    //document.getElementById("mayResim").style.height = x*17 + "px";//
       document.getElementById("mayResim").style.width = x*17 + "px"; 
     document.getElementById('zomcu').innerHTML = value*17 + "  PX";
}
</script>

<b>PARLAKLIK :    </b><input id="brig" max="90" ondblclick="brigFunc();" oninput="brightness(value);" type="range" value="25" />
<br />
<b>Negatif:              </b><input id="negatif" max="90" ondblclick="negFunc();" oninput="invert(value);" type="range" value="0" />
<br />
<b>BULANIK :         </b><input id="bulanik" max="40" ondblclick="bulFunc();" oninput="bulur

(value);" type="range" value="0" />
<br />
<b>KONTRAST:     </b><input id="kontras" max="100" ondblclick="kontFunc();" oninput="kontrast(value);" type="range" value="50" />
<br />
<b>SİYAH BEYAZ: </b><input id="gray" max="100" ondblclick="griFunc();" oninput="gri(value);" type="range" value="0" />
<br />
<b>DÖNDÜRME:    </b><input id="rota" max="90" ondblclick="cevirFunc

();" oninput="cevir(value);" type="range" value="0" />
<br />
<b>YATAY YÜRÜT</b><input id="transX" max="80" min="-30" ondblclick="transFunc

();" oninput="hareket(value);" step="1" type="range" value="0" />
<br />
<b>RESİMİ BÜYÜT</b><input id="boyut" max="100" min="0" ondblclick="boyutFunc();" oninput="zom(value)" step="1" type="range" value="30" />
<br />
<div id="divID1">
<div id="divID2">
<div id="divID3">
<div id="divID4">
<div id="divID5">
<div id="divID6">
<div id="divID7">
<img src="http://elektrosin.com/resim/helicopter2.png" id="mayResim" width="500px" />

</div>
</div>
</div>
</div>
</div>
</div>
</div>

Elektronik Devreler

Ziyaretçi Sayısı

ARAMA YAPIN

21 Mayıs 2016 Cumartesi

resmi parlaklaştırma html kodları

Hiç yorum yok:

Yorum Gönder