Javascript bir konuda yardıma ihtiyacım var.

Merhabalar,
Bir butona ihtiyacım var.
Bu butonun tek özelliği şu ki, çevirme işi görecek.
Bir fotoğrafın önden,sağdan,soldan ve arkadan görünüşü var elimde,
Butona her tıklandığında bir <img src="" > tag inin src si değişecek, ve sırasıyla olmalı.

if else ile yapmayı planlamıştım:
butona tıklandığında;
src = on.png ise sag.png ile değiştir
src = sag.png ise arka.png ile değiştir
src= arka.png ise sol.png ile değiştir
src= sol.png ise on.png ile değiştir.
şeklinde böyle bi çözüm aklıma geldi.
ancak onda da javascript ile img src kontrolü yapmayı bulamadım.
bana sadece

  if ( img src = sol.png ){
    document.getElementById('image_change').src="img/on.png";
   }

tarzı bi kontrol lazım, if parantezine ne yazılır onu araştırıyorum.
tabi o butonu yapman için başka öneriler de sunabilirsiniz.
Yardımcı olursanız çok sevinirim.
Şimdiden teşekkürler.

if([COLOR=#000000][FONT=Consolas, courier new]document.[/FONT][/COLOR][COLOR=black][FONT=Consolas]getElementById[/FONT][/COLOR][COLOR=#000000][FONT=Consolas]([/FONT][/COLOR][COLOR=brown][FONT=Consolas]"img"[/FONT][/COLOR][COLOR=#000000][FONT=Consolas]).[/FONT][/COLOR][COLOR=black][FONT=Consolas]getAttribute[/FONT][/COLOR][COLOR=#000000][FONT=Consolas]([/FONT][/COLOR][COLOR=brown][FONT=Consolas]"src"[/FONT][/COLOR][COLOR=#000000][FONT=Consolas]) == "sol.png"[/FONT][/COLOR] ){
değiştir
}
else {
değiştirme}

if ([COLOR=var(--highlight-namespace)]document[/COLOR].getElementById('resminidsi').getAttribute('src') == [COLOR=var(--highlight-variable)]"sol.png"[/COLOR]){


$([COLOR=var(--highlight-variable)]"#resminidsi "[/COLOR]).attr([COLOR=var(--highlight-variable)]"src"[/COLOR], sag.src);






}

switch case ile yaparsan daha anlaşılır ve kolay olabilir.

https://jsfiddle.net/xLm659ep/

Switch case ile daha basit olur şöyle;

<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>

<img id="resim"
src="">

<br><br><br>
<button type="button" id="cevir">ÇEVİR</button>

var arr = ['https://test.com/on.png', 'https://test.com/sag.png', 'https://test.com/sol.png', 'https://test.com/arka.png'];
document.getElementById("resim").src = arr[0];

$("#cevir").click(function(){
  var resim = document.getElementById("resim").src;
  
  switch(resim) {
    case arr[0]:
      document.getElementById("resim").src = arr[1];
      break;
    case arr[1]:
      document.getElementById("resim").src = arr[2];
      break;
    case arr[2]:
      document.getElementById("resim").src = arr[3];
      break;
    case arr[3]:
      document.getElementById("resim").src = arr[0];
      break;
    default:
      document.getElementById("resim").src = arr[0];
  }
  
});

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;
  }
}

Herkese yanıtları için çok teşekkür ederim en kısa sürede deneyip sonuçları sizlerle paylaşacağım.

tam olarak aradığım şey buydu çok teşekkürler.