jQueryサイクル - オートストップでサイクルを破棄し、再起動しました.2番目のスライドではなく、すべて停止します。

Question

jQueryサイクルスライダ（.team_spotlight）には9つのスライドがあります。オートストップに設定されています。オートストップの後、それはスライダを破壊するカスタム関数をトリガし、すべてを再スタートさせるはずです。

初めてスライダーが9つのスライドをすべて通過するとき、それは素晴らしい動作をします。しかし、スライダが破棄されて再起動すると、すべてのサイクルが繰り返されるのではなく、2番目のスライドで停止します。

この奇妙なセットアップの理由は、カスタムクラス（「フリップ」）スライドが進むたびにページャを呼び出します。あなたはこのようにページャを構想することができます - アクティブなページは黄色、前のページは赤、次のページは緑色です。私はまた、各ページに一意のIDを挿入するので、私はいくつかのスタイルのものを行うことができます。

すべてのスライドで作業が完了したら、最初のスライドに戻ってくるときにすべてのページが緑色に戻る必要があるため、ページャをリセットする必要があります。したがって、サイクルの破壊と再開。

（スライダを破壊することなく）この色効果を実現するより良い方法があれば、私はすべて耳にします。それ以外の場合は、サイクルが破棄されて再開された後に2番目のスライドに「スタック」する理由を修正する必要があります。

私のjavascript：

function paginate(ind, el) { 
    return '<a class="slidenav" id="slide' + ind + '"></a>'; 
} 

function shifttab() { 
    $('.activeSlide').addClass('flip'); 
} 

function resettabs() { 
    $('.team_spotlight').cycle('destroy'); 
    tabsanim(); 
} 

function tabsanim() { 
    $('.team_spotlight').cycle({ 
     fx: 'fade', 
     pause: 1, 
     speed: 0, 
     timeout: 4000, 
     cleartypeNoBg: true, 
     pager: '#pagernav', 
     pagerAnchorBuilder: paginate, 
     pagerEvent: null, 
     after: shifttab, 
     autostop: 1, 
     end: resettabs 
    });  
} 


$(document).ready(function() { 
    tabsanim(); 
}); 

EDIT：

破壊するバグはまだ立って、それを修正することは有用であろう。

しかし、私は自分の現在のページとそのの兄弟を操作して、私が望む効果を複製することができました。スライダーを破棄して再起動する必要はもうありません。

Answer 1

はコメントアウトまたは行を削除するようにしてください：

function tabsanim() { 
    $('.team_spotlight').cycle({ 
     fx: 'fade', 
     pause: 1, 
     speed: 0, 
     timeout: 4000, 
     cleartypeNoBg: true, 
     pager: '#pagernav', 
     pagerAnchorBuilder: paginate, 
     pagerEvent: null, 
     after: shifttab, 
     end: resettabs 
    });  
} 

...ここで新しい機能

tabsanimで

autostop: 1,

を（）.............. ... 次のタイマーは、問題を解決しなかったが、上記の変更は

function resettabs() { 
    $('.team_spotlight').cycle('destroy'); 
    setTimeout("tabsanim()",300); 
    }