2

あなたが助けることができることを願っています。スライドショーにサイクルプラグインを使用していて、fx：'scrollHorz'のように、次へ/戻るボタンが押されたときにスライドを左右に移動させたいと考えています。

ここでの基本的なデモ：http：//jquery.malsup.com/cycle/scrollhv.html

ただし、独自の不透明効果を導入したため、fx：'custom'を使用する必要がありました。だから今、私は左右のスライドの動きを失いました！

不透明度の効果を維持しながら、スライドを左にスクロールして（つまり、右側から入力して）次のボタンを表示し、右にスクロールして（つまり、左側から入力して）戻るボタンを有効にするのを手伝ってもらえますか？「#nextArrow」をクリックするとスライドが右から左に移動するようになりましたが、「＃prevArrow」を押すと方向が逆になります。

Cycleプラグインの現在のコード：

$(document).ready(function() {
    $('#slideshowframe').cycle({
        fx: 'custom',
        timeout:0,      // setting for manual slideshow 
        speed:750,      // number of milliseconds between each transition
        next:   '#nextArrow', 
        prev:   '#prevArrow',
        cssBefore: {  
                top:  0, 
                    left: 1051,
                opacity: 0,
                display: 'block' 
        },

        animIn:  {  left: 0,
                opacity: 1
        },

        animOut: {  
                left: -1051,
                opacity: 0
        },
    });
});
4

1 に答える 1

2

に置き換えfx:'custom'ますfx:'scrollHorz'

http://jquery.malsup.com/cycle/scrollhv.html

プロパティを追加する必要がありますrev: 0,。

次に例を示します：jsfiddle.net/7SQsX/21

于 2012-11-09T10:40:52.687 に答える