Untitled

<style>
.Slow{
    content:url("https://psv4.userapi.com/c848420/u45105892/docs/d9/5f38243bd900/Arrow_Left-512_1.png?extra=9NRtrbhdGkMxL_sQZsNXRSGlAHtKlq6LBgGytJNPaR3xaheCwTpyrGL3WslL9BkqhlIl-iDAnmTMjX0N8MZDkDMG3fT3GpeHRRaDBZKKUqvaXR_gy9jNP2bIruIOSlIV6G00yVAvECE04BIaEK3J");
}
.Fast{
    content:url("https://psv4.userapi.com/c848320/u45105892/docs/d6/d4654061d457/Arrow_Right-512_1.png?extra=fSBOSmzuoQj9GHtm5isAkRC7cuaa40_D67PC-SlOQfODAQ72J5RxYIxgbb3oLkRQtcZDowqrPm1lJnHBQrQWy5m8x69oS5PjrRhbaXn5XZeHs2I_dIKslemFp1_sXekmYjPtOL0dl-IXsUYmxbet");
}
.First{
    content:url("https://sun9-6.userapi.com/c850608/v850608951/3332b/k96pCT7go-4.jpg");
}
.Second{
    content: url("https://sun9-59.userapi.com/c857336/v857336951/5cf45/Q-BWmELt6kY.jpg");
}
.Third{
    content:url("https://sun9-67.userapi.com/c858136/v858136951/f9593/6N1zk2wLUKo.jpg");
}
.Fourth{
    content: url("https://sun9-2.userapi.com/c855320/v855320951/176de3/bRckrqWsjgA.jpg");
}
.Fifth{
    content:url("https://sun9-25.userapi.com/c858224/v858224951/101438/0-m0-OVFHig.jpg");
}
</style>
<HTML>

<HEAD>
    <meta http-equiv='refresh' content='10' />
    <meta http-equiv='content-type' content='text/html; charset = UTF-8'>
    <TITLE> Arduino project - Ethernet Shield</TITLE>

<BODY bgcolor="#808080">

    <H1>Управляй чем угодно и как угодно</H1>
    <hr/>
    <br/>
    <div id="top">
    <img class = "Slow" onclick = "changeColor(-1)" width="200" height=200">
    <img id ="speed" class = "Third" width="300" height=200">
    <img class = "Fast" onclick = "changeColor(1)" width="200" height=200">
    </div>
    <br>
    <br/>

         <script>
            var image =  document.getElementById("speed");
            var count = 2;
            function changeColor(i)
            {
                count +=i;
                if(count>4){
                    count = 4;
                }
                if(count<0){
                    count = 0;
                }
                if(count == 0){
                image.className = "First";
                }
                                if(count == 1){
                image.className = "Second";
                }
                                if(count == 2){
                image.className = "Third";
                }
                                if(count == 3){
                image.className = "Fourth";
                }
                                if(count == 4){
                image.className = "Fifth";
                }
            }
        </script>
</BODY>

</HEAD>