Javascript 图像更改时链接不会更改

我的问题是，我的数组中有5个图像，当图像更改时有一个指向特定页面的链接链接链接也会更改，但当图像已更改时，链接会在3秒后更改。因此，如果用户更改了任何图像，如果用户在3秒内单击，它可能会重定向到错误的页面。我已经尝试了您的代码，它似乎工作正常。我想除了您在这里给出的代码之外，可能还有其他问题。

如果转换发生在第一个图像和第二个图像之间，并且显示第二个图像3秒钟，它将显示第一个图像url

     <?php
$r=array(array("img_name"=>"6.png","link"=>"<a href='http://southpacifiv.com/BA_Hons_Business_Management.php' target='_blank'>"),
        array("img_name"=>"7.png","link"=>"<a href='http://southpacifiv.com/MBA.php' target='_blank'>"),
        array("img_name"=>"11.png","link"=>"<a href='http://southpacifiv.com/why.php' target='_blank'>"),
        array("img_name"=>"10.png","link"=>"<a href='#' onclick='moregvid()'>"),
        array("img_name"=>"9.png","link"=>"<a href='http://southpacifiv.com/courseMain.php' target='_blank'>")
);
?>
       <div id="slideshow">

          <?php
          for($i=0;$i<count($r);$i++) {
            echo'<div>';
          echo ''.$r[$i]['link'].'<div  style="background:url('.$img_loc.''.$r[$i]['img_name'].') no-repeat top center;"></div></a>';
           echo'</div>';
          }
          ?>

        </div>
<script>
$(document).ready(function(){
 $("#slideshow > div:gt(0)").hide();

setInterval(function() { 
  $('#slideshow > div:first')
    .fadeOut(5000)
    .next()
    .fadeIn(5000)
    .end()
    .appendTo('#slideshow');
},  10000);

});
</script>