Тема: Організувати показ слайд-шоу
Вітаю, будь ласка допоможіть організувати показ слайд-шоу з малюнків, щоб кожний наступний малюнок показувався не автоматично, а при натисканні кнопки. В мене не виходить щось під своє завдання зробити... 
В цьому прикладі кода малюнок змінюється автоматично кожні декілька хвилин після натискання кнопки.
<head>
<style> img{width:200;height:200}</style>
<script>
i=0;
function slideShow() {
ris = new Array('https://i.pinimg.com/originals/7e/85/ae/7e85ae81188aad9bc95a46756077bd47.jpg', 'https://www.ejin.ru/wp-content/uploads/2017/11/31330be609cc4d58e584c96e973fe87f-5.jpg',
'https://www.ejin.ru/wp-content/uploads/2017/11/110674051_4.png', 'https://www.ejin.ru/wp-content/uploads/2017/11/77864153_2a48fb9138a7.png');
if (i >= 4) i = 0;
r=document.getElementById('slide')
r.src=ris[i];
i++;
setTimeout("slideShow()",1500); }
</script></head><body>
<h1> слайд-шоу </h1>
<img id='slide' src="3.png" />
<form>
<input type="button" value=" Почати " onClick="slideShow() ;">
</form></body>
