0

您好，我希望有人可以帮助我，我已经设置了 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' 并且在悬停时滑块确实发生了变化。问题在于尝试将鼠标悬停在上一个缩略图上时：主图像没有改变我必须返回两个项目才能得到它再次改变。有人有什么想法吗？

谢谢

4

3 回答 3

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;”

于 2012-07-05T01:02:43.710 回答
0

也许这会有所帮助。尝试更改nivo-nextNavtonivo-controlNav:hover并告诉我它是否有效；）

于 2012-05-26T21:37:03.777 回答
0

谢谢上面的链接......为了更简单的方法，你可以使用这个

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

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

于 2012-06-19T09:41:25.557 回答