图像更改时链接不会更改

时间:2014-04-22 12:14:28

标签: javascript php jquery

     <?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>

我的问题是,我的阵列中有5个图像,当图像发生变化时,链接也会发生变化,链接也会发生变化,但是当图像我已经改变时,链接会在3秒后发生变化。因此,如果用户更改了任何图像,如果用户在3秒之间点击,则可以重定向到错误的页面

1 个答案:

答案 0 :(得分:0)

我已经尝试过你的代码似乎工作正常。我想除了你在这里给出的代码之外,可能还有其他一些问题..