0

どのボタンが押されたかに基づいて、Nivo Slider のトランジション効果を変更したいと考えています。これを達成する方法のアイデアはありますか?

更新 明確にするために、キーボードのボタンではなく、次または前のボタンを意味していました。私が探しているのは、人が次のボタンを押すと、slideToRight 遷移効果が呼び出されることです。ユーザーが前のボタンを押すと、slideToLeft トランジション効果が呼び出されます。ケーキのアイシングは、誰かが特定のスライドを押した場合、それが正しい方向にスライドした場合です。私は Nivo Slider が大好きですが、これらはデフォルトで選択可能なアクションであるべきだと思います。

4

3 に答える 3

5 
$('.nivo-prevNav').live('mouseover', function(){
     $('#slider img').attr("data-transition","sliceUpDown");
});

$('.nivo-nextNav').live('mouseover', function(){
     $('#slider img').attr("data-transition","sliceUpDownLeft");
});
于 2013-04-09T13:16:46.997 に答える
0

これを「jquery.nivo.slider.js」のコメント「// Run Effects」の前に追加し、コメントの後に「// Custom transition as defined by "data-transition" attribute」にコードを追加します。これは、左または右の矢印またはボタンをクリックすると、現在の効果が変化することを示しています。この作業では、「data-transition」属性を使用せずに HTML に imageis を含める必要があります。デフォルトの効果は、「jquery.nivo.slider.js」のコメント「//Default settings」の下で定義する必要があります。これは、「data-transition」属性が優先されるためです。私は自分のプロジェクトのためにそれを正しくコーディングしています。

        if(nudge === 'prev'){
            currentEffect = 'slideInLeft';
        } 
        else if (nudge === 'next'){
            currentEffect = 'slideInRight';
        }
        else if (nudge === 'control'){
            currentEffect = 'fade'; /*test*/
        }
于 2013-02-21T10:23:41.713 に答える