<!--
https://ti.dxe.pl/files3/muminki/11.jpg
https://ti.dxe.pl/files3/muminki/12.jpg
https://ti.dxe.pl/files3/muminki/13.jpg
-->

<script>
    function Obiad(nr)
    {
        var foto = document.getElementById("foto");
        foto.src = "https://ti.dxe.pl/files3/muminki/"+nr+".jpg"
    }
    function PoznyObiad()
    {
        var foto = document.getElementById("foto");
        var x = document.getElementById("x");
        foto.width = x.value;
    }
</script>
<img src="https://ti.dxe.pl/files3/muminki/11.jpg" onclick="Obiad(11)" width="100">
<img src="https://ti.dxe.pl/files3/muminki/12.jpg" onclick="Obiad(12)" width="100">
<img src="https://ti.dxe.pl/files3/muminki/13.jpg" onclick="Obiad(13)" width="100">
<form>
    <input type="number" id="x" onchange="PoznyObiad()">
</form>
<hr>
<img src="https://ti.dxe.pl/files3/muminki/11.jpg" id="foto">