Javascript 制作触摸滑杆'；像超链接一样重定向到特定页面的图像

我正在尝试触摸滑动条。到目前为止，我已经找到了一个示例，但它没有redict链接。它只有照片。我想单击照片将我重定向到特定的url

我有4张图片，就像4个不同的页面

函数myFunction（）{
document.getElementById（“.myDiv”）.style.flexGrow=“5”；
}
var swiper=新的swiper（“.swiper容器”{
效果：“coverflow”，
格雷博：是的，
中心幻灯片：对，
SlideService视图：“自动”，
覆盖流效应：{
轮换：50，
拉伸：0，
深度：100，
修饰语：1，
幻灯片：没错，
},
//如果我们需要分页
分页：{
el:“.swiper分页”，
},
//导航箭头
导航：{
nextEl:“.swiper按钮下一步”，
prevEl:“.swiper按钮prev”，
},
//如果我们需要滚动条
滚动条：{
el:“.swiper滚动条”，
},
});
身体{
保证金：0；
填充：0；
对齐内容：右
}
.swiper容器{
宽度：350px；
填充顶部：50px；
填充底部：50px；
}
.滑梯{
背景位置：中心；
背景尺寸：封面；
宽度：300px；
高度：300px；
}
.swiper幻灯片：第n个孩子（1）{
背景图片：url(https://g.hizliresim.com/sari-yaprakli-yol)
}
.swiper幻灯片：第n个孩子（2）{
背景图片：url(https://picsum.photos/300/300/?image=1050)
}
.swiper幻灯片：第n个孩子（3）{
背景图片：url(https://picsum.photos/300/300/?image=1039)
}
.swiper幻灯片：第n个孩子（4）{
背景图片：url(https://picsum.photos/300/300/?image=1019)
}
潜水滑梯{
文本对齐：对齐；
}
}

这样做的选项。。。将

div

替换为带

a

标记的

swiper幻灯片

类，指示每个类都有自己的站点链接。这并不重要，因为Swiper插件引用的是

Swiper幻灯片

类

<div class="swiper-wrapper">
    <a class="swiper-slide" href="http://www.google.com" onclick="return myFunction();"></a>
    <a class="swiper-slide" href="http://www.google.com" onclick="return myFunction();"></a>
    <a class="swiper-slide" href="http://www.google.com" onclick="return myFunction();"></a>
    <a class="swiper-slide" href="http://www.google.com" onclick="return myFunction();"></a>
</div>

函数myFunction（）{
document.getElementById（“.myDiv”）.style.flexGrow=“5”；
}
var swiper=新的swiper（“.swiper容器”{
效果：“coverflow”，
格雷博：是的，
中心幻灯片：对，
SlideService视图：“自动”，
覆盖流效应：{
轮换：50，
拉伸：0，
深度：100，
修饰语：1，
幻灯片：没错，
},
//如果我们需要分页
分页：{
el:“.swiper分页”，
},
//导航箭头
导航：{
nextEl:“.swiper按钮下一步”，
prevEl:“.swiper按钮prev”，
},
//如果我们需要滚动条
滚动条：{
el:“.swiper滚动条”，
},
});
身体{
保证金：0；
填充：0；
对齐内容：右
}
.swiper容器{
宽度：350px；
填充顶部：50px；
填充底部：50px；
}
.滑梯{
背景位置：中心；
背景尺寸：封面；
宽度：300px；
高度：300px；
}
.swiper幻灯片：第n个孩子（1）{
背景图片：url(https://g.hizliresim.com/sari-yaprakli-yol)
}
.swiper幻灯片：第n个孩子（2）{
背景图片：url(https://picsum.photos/300/300/?image=1050)
}
.swiper幻灯片：第n个孩子（3）{
背景图片：url(https://picsum.photos/300/300/?image=1039)
}
.swiper幻灯片：第n个孩子（4）{
背景图片：url(https://picsum.photos/300/300/?image=1019)
}
a、 滑梯{
文本对齐：对齐；
}
}

hi。您希望整个幻灯片都是链接吗？我希望所有照片都可以单击。当我单击其中一个时，它会单击URL。我想要像

这样的东西。但我不知道我是怎么做到的。很高兴能帮忙：）