<script>
    function rozmiar()
    {
        var foto = document.getElementById("foto");
        var w = document.getElementById("w");
        var h = document.getElementById("h");
        //
        foto.width = w.value;
        foto.height = h.value;
    }
</script>
<form>
    w:<br><input type="range" id="w" value="100" max="1000" onchange="rozmiar()" orient="vertical"><br>
    h:<br><input type="range" id="h" value="100" max="1000" onchange="rozmiar()"><br>
    <img src="1.jpg" id="foto" width="100">
</form>
<hr>