当拇指悬停未单击时，NivoSlider 更改幻灯片答案

【问题标题】：NivoSlider change slide when thumb is hovered not clicked当拇指悬停未单击时，NivoSlider 更改幻灯片
【发布时间】：2012-05-25 13:04:48
【问题描述】：

您好，我希望有人可以帮助我，我已经设置了 nivoslider，但我希望改变 contral-nav 拇指操作的方式。开箱即用时，单击缩略图时主图像会发生变化，我希望将其更改为悬停。我在 nivoslider 插件中找到了以下几行：

 else {
        nivoControl.append('<a class="nivo-control" rel="'+ i +'">'+ (i + 1) +'</a>');
       }

        }
        //Set initial active link
        $('.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 = '';
            slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
            vars.currentSlide = $(this).attr('rel') - 1;
            nivoRun(slider, kids, settings, 'control');
        });

然后我将 .live('click, 改为 'hover' 并且在悬停时滑块确实发生了变化。问题在于尝试将鼠标悬停在上一个缩略图上时：主图像没有改变我必须返回两个项目让它再次改变。有人有什么想法吗？

谢谢

【问题讨论】：

标签： jquery hover nivo-slider jquery-hover

【解决方案1】：

我成功地从以下更改了 jquery 插件代码：

.live("click",function(){if(e.running)return false;if(a(this).hasClass("active"))return false;clearInterval(i);

到以下：

.live("mouseover",function(){if(a(this).hasClass("active"))return false;clearInterval(i);

基本上将点击改为鼠标悬停，然后去掉“if(e.running)return false;”

【讨论】：

【解决方案2】：

也许this 可以提供帮助。尝试将nivo-nextNav 更改为nivo-controlNav:hover 并告诉我它是否有效；）

【讨论】：

谢谢你的好先生，虽然它一开始没有用，但它为我指明了正确的方向，如果你有兴趣，我最终会得到什么（我也添加了悬停）：jQuery(" #projectslider .nivo-controlNav a").hover(function() { jQuery(this).stop().animate({opacity: "0.6"}, 'slow'); jQuery(this).trigger('click' );
不客气，我会保留您的解决方案，以防万一；）干杯！

【解决方案3】：

感谢上面的链接...为了更简单的方法，您可以使用它

    jQuery('#slider .nivo-control, .nivo-prevNav, .nivo-nextNav').live('mousemove',       function()
    {
        jQuery(this).trigger('click');
    });

我使用 mousemove 是因为我遇到的问题是，如果您从一个控件元素快速移动到另一个控件元素，它无法识别。

【讨论】：