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>

我希望每个图像都链接到一个页面。如果不对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>' );

添加图像旋转器的链接

1 个答案: