Question

您好我希望有人可以帮助我，我有我的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（'点击，'悬停'并且滑块确实在悬停时发生变化。当尝试将鼠标悬停在上一个缩略图上时问题出现：主图像没有改变我必须返回两个项目让它再次改变。任何人都有任何想法？

感谢

Answer 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）返回false;”

Answer 2

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

Answer 3

以上链接的Thx ...为了更简单的方法，您可以使用此

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

我使用了mousemove，因为我遇到的问题是，如果你从一个控制元素快速移动到另一个控制元素，它就不会识别。

当拇指悬停而未点击时，NivoSlider会更改幻灯片

3 个答案: