0

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

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

我认为这就像更改.hide()to.fadeOut('fast')和.show()to一样简单.fadeIn('fast')。但是，在第一张幻灯片更改后，它们又回到了刚刚出现的状态。（在此处查看该问题）我该如何解决？这是整个未修改的 js 文件。

ETA：刚刚了解到，在从一张幻灯片到下一张幻灯片的转换过程中，以及在任何转换之前的第一张幻灯片上，淡入淡出仍然存在。看起来过渡效果打破了目录导航的淡入淡出。

4

2 回答 2

3

我找到了一个解决方案：

忽略 nivo-slider 代码并修改您自己的脚本。

像这样......

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

我无法让鼠标移出功能起作用，但这对我的目的来说不是必需的。希望这可以帮助。

于 2011-12-22T20:28:02.320 回答
-1

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

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

尝试将那里的节目也更改为 .fadeIn('fast') 。

于 2011-10-09T03:32:40.693 回答