0

Supersized jQuery プラグインを使用して背景をアニメーション化し、その API を使用して、画像/リンクがクリックされたときにスライドを変更しました (次を使用しました:

$('.navone').click(function(){
api.goTo(1);
});

スライドがアクティブなときに背景画像を表示するには、アクティブな画像/リンクが必要です。これまでのところ、次のようになっています。

jQuery(function($){
if(vars.current_slide = 1){
$('.navone').toggleClass('active');
});
});

これは何もしていないようです。私はまだjavascriptとjQueryにかなり慣れていません。アドバイスは素晴らしいでしょう。

編集：

入れました

if (vars.current_slide == 1){
(‘#navone’).addClass(‘.active’);
} else {
(‘#navone’).removeClass(‘.active’);
}

supersized.shutter.js の afterAnimation : function(){ セクションにありますが、まったく何もしていないようです。何かアドバイス？

4

2 に答える 2

0

ステートメントを「switch」ステートメントに変更し、実際のリンクで最初に開始するクラスを追加しました。

afterAnimation : function(){
        $('#navone,#navtwo,#navthree,#navfour,#navfive,#navsix,#navseven').removeClass('active');
        switch(vars.current_slide) {
            case 0 : $('#navone').addClass('active'); break;
            case 1 : $('#navtwo').addClass('active'); break;
            case 2 : $('#navthree').addClass('active'); break;
            case 3 : $('#navfour').addClass('active'); break;
            case 4 : $('#navfive').addClass('active'); break;
            case 5 : $('#navsix').addClass('active'); break;
            case 6 : $('#navseven').addClass('active'); break;
        }
}
于 2012-08-08T20:17:25.303 に答える
0 
$(document).ready(function(){ //waits until the document is ready
    $('.navone').click(function(){ //bind a function to the element with class navone
        $('.active').removeClass('active'); //remove all active class
        $(this).addClass('active'); //add class active to the navone link
        api.goTo(1); //make the supersized go to the the slide 1
    });
});

このAPIの.goto関数について100％確信はありませんが、最初の行で機能する場合は、これで機能します。:)

スーパーサイズは自動ナビゲーションを作成するようですが、関数でそれを指定する必要はありません。これを使用してみて、機能するかどうかを確認してから、divのスタイルを変更できます。

<div id="controls-wrapper" class="load-item">
    <div id="controls">
        <ul id="slide-list"></ul>
    </div>
</div>
于 2012-07-31T22:08:57.837 に答える