en mantıklısı slider ile bunu yapmak ama bunlarıda inceleyebilirsin.
let data = [
 { id: 0, href: "#adres1", url: "https://placehold.it/1000x1000" },
  { id: 1, href: "#adres2", url: "https://placehold.it/900x1000" },
  { id: 2, href: "#adres3", url: "https://placehold.it/800x1000" }];
const btn = document.querySelector("#btn");
const img = document.querySelector("#img");
const target = document.querySelector("#target");
let currentIndex=0;btn.addEventListener("click", (e) => {
 let currentId = target.dataset.id;
data.map((m, index) => {  
 if (currentId == m.id) {    
currentIndex=data.length===index+1 ? 0 :index+1
    } });  
img.setAttribute("src",data[currentIndex].url)
target.setAttribute("href",data[currentIndex].href)
target.setAttribute("data-id",data[currentIndex].id)});
  <a id="target" href="#adres1" data-id="2">            
<img id= "img" src="https://placehold.it/1200x1000">                    
 </a>                  
<button id="btn" >Tıkla</button>