添加指向图像旋转器的链接

Question

我想知道如何添加一个指向图像旋转器的链接，我让图像旋转，但问题是让它们可以点击，我不太了解jquery，所以我想知道最简单的方法是什么。

下面是html

      <div class="fadein">
       <img src="/site/images/hp-d-rotate-t.jpg" alt="ad rotator" />
       <img src="/site/images/hp-d-rotate-e.jpg" alt="ad rotator" /> 
      </div>

jquery如下所示：

<script>
  $(function(){
  $('.fadein img:gt(0)').hide();
  setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 4000);
});
</script>

我希望每个图像链接到一个page.What将是最好的方式来解决这个问题，而不是对jquery做太多的更改(链接将针对每个图像进行更改)

<a href ="ab1.html"><img src="/site/images/hp-d-rotate-t.jpg" alt="rotator" /></a>
<a href ="ab2.html"><img src="/site/images/hp-d-rotate-e.jpg" alt="rotator" /></a>

Answer 1

您可以使用wrap方法来实现此目的：

$( '.fadein img' ).wrap( '<a href=""></a>' );