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 回答