0
<?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 초 이내에 클릭하면 페이지가 잘못 리디렉션 될 수 있습니다.이미지가 바뀔 때
첫 번째와 두 번째 이미지간에 전환이 발생하고 두 번째 이미지가 3 초 동안 표시되면 첫 번째 이미지 URL이 표시됩니다. –