Css 可变链接？计时器上的图像

您好，我已经知道如何使用css在计时器上创建旋转图像旋转木马，但我不知道如何也创建a href变量。是否可以将不同的链接与每个图像关联？提前谢谢你

<div class="sliderHolder columns-6 floatRight">

<div class="sliderButtonShadow"></div>
<a href="#"><img id="slider" src="image1.jpg" align="middle" class="sliderImage"></a>

 <script type = "text/javascript">

        var image=document.getElementById("slider");
        var currentPos = 0;
        var images = ["image1.jpg","image2.jpg", "image3.jpg"]

        function volgendefoto() {
            if (++currentPos >= images.length) currentPos = 0;
            image.src = images[currentPos];
        }

        setInterval(volgendefoto, 3000);

    </script>

var image=document.getElementById（“滑块”）；
var currentPos=0；
var images=[“image1.jpg”、“image2.jpg”、“image3.jpg”]
函数volgendefoto（）{
如果（++currentPos>=images.length）currentPos=0；
image.src=图像[currentPos]；
}
设置间隔（volgendefoto，3000）；

---

向页面添加链接，给它一个id，然后将数组转换为一个对象，该对象具有图像url和与每个url关联的链接，并在转换图像时更新链接的

href

var image=document.getElementById（“滑块”）；
var link=document.getElementById（'sliderLink'）；
var currentPos=0；
变量图像=[
{'img'：“http://kenwheeler.github.io/slick/img/fonz1.png",
“url”：”http://image1.com'
},
{'img'：“https://s-media-cache-ak0.pinimg.com/originals/33/3b/4f/333b4f22ae39d1aaf8c23d77e759d8e1.jpg",
“url”：”http://image2.com'
},
{'img'：“http://www.star2.com/wp-content/uploads/2015/06/happy-days-770x470.jpg",
“url”：”http://image3.com'
}
];
函数volgendefoto（）{
如果（++currentPos>=images.length）currentPos=0；
image.src=images[currentPos].img；
link.href=images[currentPos].url；
}
设置间隔（volgendefoto，3000）
成功了！你的回答写得很好，非常感谢！