<script>
    function zmiana(x)
    {
        var foto = document.getElementById('foto');
        foto.src = 'https://ti.dxe.pl/files3/kubek/'+x+'.png';
    }
    function rozmiar(x)
    {
        var foto = document.getElementById('foto');
        foto.style.height=x+'%';
    }
</script>
<center>
<hr>
<button onclick="zmiana('zielony');" onmousemove="zmiana('zielony');">zielony</button>
<button onclick="zmiana('rozowy');" onmousemove="zmiana('rozowy');">rozowy</button>
<button onclick="zmiana('niebieski');" onmousemove="zmiana('niebieski');">niebieski</button>
<button onclick="rozmiar('50')">50%</button>
<button onclick="rozmiar('100')">100%</button>
<hr>
<img src="zielony.png" id="foto">
</center>