Javascript 需要为每个滑块图像放置一个链接到按钮

这是代码，我需要在每个图像出现时，在表格单元格内为每个图像添加一个按钮链接

我更喜欢css或html帮助而不是javascript，或者简单的本地javascript会有所帮助。谢谢

<section id="home" class="parallax">
        <div class="slider" style="background:url('assets/images/demo/slider/flickr_01.jpg')"></div>
        <div class="slider" style="background:url('assets/images/demo/slider/flickr_02.jpg')"></div>
        <div class="slider" style="background:url('assets/images/demo/slider/flickr_03.jpg')"></div>
        <div class="table-cell">
            <a href="#about" class="scrollTo btn btn-default">CONOCE MAS</a>
        </div>
    </section>

---

您只需使用超链接标记包装每个图像div类即可。因此，每张图片本身就变成了一个可点击的按钮，可以链接到其他网页或站点

<a href=“#about">
  <div class="slider" style="background:url('assets/images/demo/slider/flickr_01.jpg')">
  </div>
</a>

JavaScript解决方案 我的做法是：

• 为幻灯片提供一个

  数据url

  属性

• 更改幻灯片时，获取当前幻灯片的

  数据url

  ，并将其分配给链接的

  href

  属性

瞧！我希望这能回答你：

片段

var sliders=[…document.getElementsByClassName（“slider”）]，
link=document.querySelector（“a”），
电流=0；
//单击链接时，记录href
link.addEventListener（“单击”，事件=>{
event.preventDefault（）；
console.log（link.href）；
});
改变幻灯片（）；
函数changeSlide（）{
sliders.forEach（slider=>slider.style.display=“无”）；
滑块[当前].style.display=“块”；
link.href=sliders[current++].getAttribute（“数据url”）；
当前%=滑块长度；
设置超时（changeSlide，2000）；
}

#主页{
位置：相对位置；
高度：100px；
}
.滑块{
高度：50px；
宽度：50px；
位置：绝对位置；
}
a{
左边距：80px；
}

请提供更多代码，如处理幻灯片的javascript部分。如果您可以提供更多代码，这将有助于我们回答问题。此外，是否希望将图像作为链接单击？或者您想在图像滑块下方显示单独的按钮？我很高兴能帮助您：）