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-nextNavtoを変更してみて、nivo-controlNav:hover動作するかどうか教えてください ;)

于 2012-05-26T21:37:03.777 に答える
0

上記のリンクのThx ...より簡単なアプローチについては、これを使用できます

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

あるコントロール要素から別のコントロール要素にすばやく移動すると認識されないという問題があったため、mousemove を使用しました。

于 2012-06-19T09:41:25.557 に答える