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

Question

无法得到这个...尝试使 Nivo Slider 上的方向导航箭头淡入而不是仅仅 < em>出现。这是隐藏/显示方向导航栏的代码：

//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')。然而，在第一次幻灯片更改后，它们又回到原来的状态。出现。 （请参阅此处该问题）我该如何解决此问题？ 这里是整个未修改的js文件。

预计到达时间：刚刚了解到，在从一张幻灯片过渡到下一张幻灯片期间，以及在任何过渡之前的第一张幻灯片上，淡入淡出仍然会发生。看起来过渡效果会破坏目录导航的淡入淡出。

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') 。