veya bu hocamın yaptığı gibi olabilir ama 4 olduğunda başa dönmez ekstra koşul belirtip döndürebiliriz. tercih sizin

yani şöyle;

<img id="image" src="https://via.placeholder.com/150x150?text=1">

<div>
  <button id="button" onClick="spin()">Cevir</button>
</div>

const src = [
'https://via.placeholder.com/150x150?text=1',
'https://via.placeholder.com/150x150?text=2',
'https://via.placeholder.com/150x150?text=3',
'https://via.placeholder.com/150x150?text=4'
]

const image = document.getElementById('image');
const button = document.getElementById('button');

let i = 0;

const spin = () => {
  i++;
    image.setAttribute('src', src[i])
  
  if(i === 4) {
      image.setAttribute('src', src[0])
    i=0;
  }
}

daha da dinamik hala getirmek istersek length ile küçük bir oynamaya yaparız yani;

const src = [
'https://via.placeholder.com/150x150?text=1',
'https://via.placeholder.com/150x150?text=2',
'https://via.placeholder.com/150x150?text=3',
'https://via.placeholder.com/150x150?text=4',
'https://via.placeholder.com/150x150?text=5'
]

const image = document.getElementById('image');
const button = document.getElementById('button');

let i = 0;
const spin = () => {
  i++;
    image.setAttribute('src', src[i])
  
  if(i === src.length) {
      image.setAttribute('src', src[0])
    i=0;
  }
}