jquery - jQueryサイクルワンページャー

Question

1ページに2つのjQueryスライドショーがあります-次のようなものです:

jQuery('#one').cycle({
    fit: 1,
    fx: 'custom',
    speed: 700,
    slideExpr: '.slider-one'
});

jQuery('#two').cycle({
    slideExpr: '.slider-two',
    animOut: { opacity: 0 },
    animIn: { opacity: 1 },
    fx: 'custom'
});

問題は、これら 2 つに対して 1 つのポケットベルだけを使用したいということです。私は各クラスに次のようなものを追加して.slider-nav使用しようとしました:

$('.slider-nav').each(function() {
    $(this).cycle({
        prev: '.slider-prev',
        next: '.slider-next',
        timeout: 0
    });
});

しかし、どちらかをクリックすると、最初のスライダーのみが変更され、2番目のスライダーは変更されないようprevですnext。どうすれば両方を制御できますか?

Answer 1

デモ

デモを見る_ _

これはあなたが欲しいものですか？