0

私はこのプラグインを使用しています: http://dimsemenov.com/plugins/royal-slider/documentation/#basic-usage 画像に現在のクラスがある場合、メニュー クラスを変更する方法を探しています。

スライドショーの現在の画像に明るいクラスがある場合、メニューに明るいクラスを追加したいと思います。私はこのコードを使用しています：

 jQuery(window).load(function() 
 if ($('#the-img').hasClass('dark')) {
 $('#widget-menu').addClass('menu-dark');
}
 });

これは私のメニュークラスにメニューダークを与えています。

しかし、 img が現在の場合、クラスが明るい場合に変更したい場合はどうすればよいですか? 答えてくれてありがとう。

私が取り組んでいるサイトは次のとおりです: http://mlido.se/site/case/luxit/

4

1 に答える 1

0

マグナス、画像をスライドさせる機能は何ですか、コードを表示できますか？

問題を解決するための一般的な考え方は、アニメーションの完全なコールバックで画像クラスをチェックすることです。

次のような関数を定義する必要があります。

function checkImageClass () {
    $('#widget-menu').removeClass('menu-dark').removeClass('menu-bright');
    if ($('#the-img').hasClass('dark')) {
        $('#widget-menu').addClass('menu-dark');
    } else {
        $('#widget-menu').addClass('menu-bright');
    }
}

次に、アニメーションが定義されている場所に、このような完全なコールバックを追加します。

$(your-selector).animate({
    left : ...
}, {
    complete : checkImageClass
});

あなたのサイトでアニメーション制御コードが見つかりません。ここにアニメーションコードを投稿すると、アドバイスに従って更新を試みます。

追加情報については、jqueryアニメーションのドキュメントを参照してください

于 2012-08-11T10:55:19.337 に答える