Javascript 我如何用猫头鹰转盘制作导航菜单？

我的想法是用猫头鹰旋转木马制作菜单。我已经将Owl转盘代码等放在我所有的文件夹中，LazyLoad功能目前正在我的页面上运行。但是，我无法找到如何使其在单击其中一个图像（旋转木马）时跳转到我希望连接到该图像（旋转木马）的html页面。以下是我的一些代码：

<section id="demos">
  <div class="row">
    <div class="large-12 columns">
    <div class="owl-carousel owl-theme">
<img class="owl-lazy"  src="Images/Page1.png" alt="">
<img class="owl-lazy"  src="Images/Page2.png" alt="">
<img class="owl-lazy"  src="Images/Page3.png" alt="">
<img class="owl-lazy"  src="Images/Page4.png" alt="">
<img class="owl-lazy"  src="Images/Page5.png" alt="">
</div>

<script>
    $('.owl-carousel').owlCarousel({
    items:4,
    center:true,
    lazyLoad:true,
    loop:false,
    margin:10
});
</script>

$（'.owl carousel'）。owl carousel({
项目：4，
中：是的，
懒汉：没错，
循环：false，
差额：10
});

只需在img标签周围缠绕锚定标签，请在下面的代码片段中查找更多信息 或者找到这个

$（文档）.ready（函数（）{
$（'.owl carousel'）。owl carousel({
项目：4，
中：是的，
懒汉：没错，
循环：false，
差额：10
});
});
只需在img标签周围缠绕锚定标签，请在下面的代码片段中查找更多信息
或者找到这个
$（文档）.ready（函数（）{
$（'.owl carousel'）。owl carousel({
项目：4，
中：是的，
懒汉：没错，
循环：false，
差额：10
});
});

为什么不将图像包装在锚定中？这可能是因为其中一个脚本自动重新编写页面的HTML元素，以创建特定的外观/行为。尝试右键单击Owl Carosel元素并转到Inspect Element菜单项（在底部），这将允许您查看HTML是如何被修改的，并可能提供如何继续实现所需功能的线索多亏了你们两人，我成功地使用了锚和Inspect元素项，你们是救生员。继续储蓄；p、 为什么不将图像包装到锚定中呢？这可能是因为其中一个脚本自动重新编写页面的HTML元素，以创建特定的外观/行为。尝试右键单击Owl Carosel元素并转到Inspect Element菜单项（在底部），这将允许您查看HTML是如何被修改的，并可能提供如何继续实现所需功能的线索多亏了你们两人，我成功地使用了锚和Inspect元素项，你们是救生员。继续储蓄；P