Nivo Slider:更改图像后控制导航拇指松动光标指针属性

时间:2013-02-11 17:57:30

标签: javascript jquery slider carousel nivo-slider

我坚持这个。希望您能够帮助我。我正在为网站改编Nivo Slider(我必须使用jquery 1.5.1)。一切都很好但现在的问题是当图像改变时控制导航拇指松开其光标指针属性。我的意思是,点击仅在幻灯片第一次运行时起作用,但是当图像改变时,拇指中的控件不允许点击。

在这里你可以看到滑块:
http://www.sixplus1.com.mx/stackoverflow/carrusel_stack.html

nivo滑块脚本:
http://www.sixplus1.com.mx/stackoverflow/js/jquery_kfu.nivo.slider.pack.js.js

我一直在挖掘脚本以找到原因,在175到201行附近,特别是在第193行是将类添加到缩略图导航控制器的功能,

`$('.nivo-controlNav a:eq('+vars.currentSlide+')',slider).addClass('active');
$('.nivo-controlNav a',slider).live('click',function(){
if(vars.running)return false;
if($(this).hasClass('active'))return false;
clearInterval(timer);
timer='';]`

但我找不到任何有用的东西。我在拇指的所有状态(在css上)设置了“cursor:pointer”属性。它不起作用。

1 个答案:

答案 0 :(得分:0)

之所以这样,是因为您的.nivo-slice超过了.nivo-controlNav,所以当您将其悬停时,您实际上是在切片的顶部,而不是.nivo-controlNav

要解决此问题,请查看代码,只需添加z-index

即可
.nivo-controlNav {
 z-index:10;
}

在您的情况下,您需要一个高于5的z-index,因为.nivo-slice的z-index为5。