Arrows in slideshow won't work

Ask the community
,
1

I have created a slideshow with four slides. Each slide functions as an internal link and I have used this code to make it as such:

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/"); 
}

Problem is - now the arrows on the sides of the slider won’t make the slider shift pages, it will just go to the page which the one slide I’m on links to.

1894×345 93.9 KB

So how do I get the arrows to work and only shift pages when I click on then while the rest of the slides still functions as internal links?

Thank you in advance