Question

无法得到这个...试图让Nivo Slider上的方向导航箭头淡入而不是出现。这是隐藏/显示方向性nab的代码：

//Hide Direction nav
if(settings.directionNavHide){
    $('.nivo-directionNav', slider).hide();
    slider.hover(function(){
        $('.nivo-directionNav', slider).show();
    }, function(){
        $('.nivo-directionNav', slider).hide();
    });
}

我认为这就像将.hide()更改为.fadeOut('fast')和.show()更改为.fadeIn('fast')一样简单。但是，在第一次幻灯片更改后，它们将返回出现。（见问题here）我该如何解决这个问题？ Here是整个未经修改的js文件。

ETA：刚刚学会了，在从一张幻灯片到下一张幻灯片的过渡期间以及在任何过渡之前的第一张幻灯片上，淡入淡出仍然是。看起来转换效果会破坏dir nav的淡入淡出。

Answer 1

我找到了一个解决方案：

忽略nivo-slider代码并右键单击自己的脚本。

喜欢这样......

<script>
    $(function(){   
    $('#slider').hover(function(){
        $(".nivo-directionNav a").fadeIn('slow');
      });
    });
</script>

我无法使鼠标功能起作用，但对我的目的来说并不是必需的。希望这会有所帮助。

Answer 2

未缩小的JS中有一行代码读取

slider.hover(function(){$('.nivo-directionNav',slider).show();

尝试将节目更改为.fadeIn（'fast'）。

使用jQuery制作Nivo滑块方向导航箭头FADE

2 个答案: