Arrows in slideshow don't respond

On the front page, there is a slideshow. This slideshow contains 4 slides and each individual slide works as an internal link.
However, the arrows in the sides of the slideshow won’t work. I have used this code to make the links:
export function fullWidthSlides1_click(event) {
const targetimage = $w(“#fullWidthSlides1”).currentSlide;
console.log(Target Image: ${targetimage.name});

if ( targetimage.name === "FinnForhandler") { 
    wixLocation.to("https://www.bad-inspirasjon.com/finn-forhandler/"); 
} 
else if ( targetimage.name === "PusseOppBadet"){ 
    wixLocation.to("https://www.bad-inspirasjon.com/pusse-opp-badet/"); 
} 
else if ( targetimage.name === "Inspirasjon") { 
    wixLocation.to("https://www.bad-inspirasjon.com/inspirasjon/"); 
} 
else if ( targetimage.name === "KomInnHos") { 
	wixLocation.to("https://www.bad-inspirasjon.com/kom-inn-hos/"); 
} 

}

How do I make the arrows work while the slides are still individual links?