轮播广告图片无法连接网址

[lunaduan]

本来以为轮播广告终于弄好了呢 ，新发现图片不能超连接，真晕死。后来查找发现问题在：当prev,next 出现时prev,next所在的层把图片层给遮住了，所以无法点击，问题是知道了，但是我弄了半天也没找到好的解决方法，发上请大家帮忙改改，

JS代码：
//轮播
$(function(){
var i=0;
var big_banner_pic = $("#big_banner_pic");
var allimg=$("#big_banner_pic li").length;
function img_change(){
var img_i=i*-1190+"px";
big_banner_pic.animate({opacity:".2"},100,function(){
big_banner_pic.css("left",img_i );
big_banner_pic.animate({
opacity: "1"
}, 100);
})
}
function automatic(){
i += 1;
if(i >= allimg){
i = 0;
}
img_change();
}
change_self_time = setInterval(automatic, 4000);
//轮播上一张下一张图标控制
$("#big_banner_change_wrap").hover(function(){
clearInterval(change_self_time);
$("#big_banner_change_wrap").children().show();
},function(){
change_self_time = setInterval(automatic, 4000);
$("#big_banner_change_wrap").children().hide();
})
$("#big_banner_change_next").click(function(){
i += 1;
if (i >= allimg) {
i = 0;
}
img_change();
})
$("#big_banner_change_prev").click(function(){
i -= 1;
if (i < 0) {
i = allimg - 1;
}
img_change();
})
})

HTML中的代码：
<div id="big_banner_wrap">
<div id="big_banner_pic_wrap">

<!-- 轮换广告 -->
<ul id="big_banner_pic">
<!-- 轮播 开始 -->
<li><a href="http://www.baidu.com" target="_blank"><img src="/pic/201605/27/201605270008.jpg"></a></li>
<li><a href="http://www.baidu.com" target="_blank"><img src="/pic/201605/27/201605270002.jpg"></a></li>
<li><a href="http://www.baidu.com" target="_blank"><img src="/pic/201605/22/201605220002.jpg"></a></li>
</ul>

<!--<DIV class=bor_slide wid="5420">
<UL id=slide_nav5420 class=custom_slide>
<li class=current<a href="/coupon/coupon_145.html" target=_blank>纯一瑜伽免费体验</a><li<a href="/coupon/coupon_143.html" target=_blank>麦乐迪8元欢唱3小时</a><li<a href="/coupon/coupon_142.html" target=_blank>张记车服全城免费施救</a><li<a href="/coupon/coupon_146.html" target=_blank>万达广场星座酒吧65元情侣特惠套餐</a><li<a href="/coupon/coupon_146.html" target=_blank>爱上卡城市一卡通</a>
</UL></DIV> 轮播 结束 -->
</div>
<div id="big_banner_change_wrap">
<div id="big_banner_change_prev"><img src="/images/lunbo/prev.png"></div>
<div id="big_banner_change_next"><img src="/images/lunbo/next.png"></div>
</div>
</div>

CSS中的代码：
#big_banner_wrap #big_banner_change_wrap {
width:980px;
height:450px;
position:absolute;
top:0px;
left:210px;
color:#ffffff;
}
#big_banner_wrap #big_banner_change_wrap div {
display:none;
transition:all 3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
}
#big_banner_wrap #big_banner_change_wrap div:hover {
cursor:pointer;
color:#FF6700;
}
#big_banner_wrap #big_banner_change_wrap #big_banner_change_prev {

float:left;
margin-top:200px;
border-radius:0px 10px 10px 0px;
margin-left:2px;
}
#big_banner_wrap #big_banner_change_wrap #big_banner_change_next {

float:right;
margin-top:200px;
border-radius:10px 0px 0px 10px;
margin-right:2px;
}

就是#big_banner_change_wrap 这个层给遮住了，请问不用层，还有什么好方法出现prev和next吗？ 帮我直接在JS 中改代码吧，我不会写，谢谢。

[lunaduan]

自己用笨方法已解决。可能你会问有多笨？ 哈哈。。就是很笨很笨的土方子。 说一下吧，如果有像我这样不懂代码的，遇到这个问题，实现无法解决可以用。 JS $("#big_banner_change_wrap").hover(function(){ clearInterval(change_self_time); $("#big_banner_change_wrap").children().show(); },function(){ change_self_time = setInterval(automatic, 4000); $("#big_banner_change_wrap").children().hide(); }) HTML <div id="big_banner_change_wrap"> <div id="big_banner_change_prev"><img src="/images/lunbo/prev.png"></div> </div> <div id="big_banner_change_wrap1"> <div id="big_banner_change_next"><img src="/images/lunbo/next.png"></div> </div> CSS 里也弄两个 ，width 就调成100-200就行 。 看Html 你可能就会想到，我的笨方法就是用了两个层。哈哈，