Fullpage.js插件：将背景图像转换为链接

Question

我很擅长使用fullpage.js插件并将其用于我的投资组合网站。登录页面使用fullpage插件并显示几个项目图像。我希望这些背景图片能够链接到不同的页面。有没有办法实现这个目标？我到处都看了，但似乎无法找到答案。

谢谢！

Answer 1

您无法将背景图片转换为链接，但您可以使用点击处理程序将元素转换为一个元素，然后您可以为该元素提供背景图像。

<div id="myDiv">
</div>

<style>
  #myDiv {
    background-image: url(http://i.imgur.com/xKUoV94.png);
    height: 300px;
    cursor: pointer;
  }
</style>

<script type="text/javascript">
  $(function () {
    $('#myDiv').click(function () {
      window.location.href = 'http://google.com';
    });
  });
</script>

http://codepen.io/Chevex/pen/NGKaPr