2011-01-26 22 views
1

現在のプロジェクトでは、jCarousel Pluginの開始/終了イベントをトリガする必要があります。外部コントロール/イベントでjCarouselを開始/停止する方法

carousel.stopAuto(); 
carousel.startAuto(); 

私はその問題を自分自身で解決するために中毒ではありません。私がやろうとしていることの短い説明:

カルーセルは素晴らしい製品スライダーであり、私が期待したとおりに動作します。しかし、要点は製品説明がツールチップとして利用可能であることです。ツールチップが表示されている場合はカルーセルを停止し、ツールチップを閉じた後に再起動する必要があります。参考:tooltip PluginはCluetipです。誰か私に何か提案がありますか?

答えて

5

解決策が見つかりました。カルーセル設定のinitコールバックとして次の関数を使用します。

function initCarousel (carousel) { 

    jQuery('#cluetip').live('mouseover mouseout', function(event) {  

     // Disable default action 
     event.preventDefault(); 

     // Stop carousel at mouseover 
     if (event.type == 'mouseover') { 
      carousel.stopAuto(); 
     }; 

     // Restart carousel at mouseout 
     if (event.type == 'mouseout') { 
      carousel.startAuto() 
     }; 
    }); 

}; 
+1

これは私のために回転子を破るようです。ユーザが回転中に回転子の上にマウスを置くと、回転子は停止し、決して再起動しない。 – SomethingOn

0

以下のコードを試してください。それは私のために正常に動作します:)

例:

function mycarousel_initCallback(carousel) 
{ 
    carousel.clip.hover(function() { 
     carousel.stopAuto(); 
    }, function() { 
     carousel.startAuto(); 
    }); 
}; 

$(document).ready(function() { 
     $('#mycarousel').jcarousel({ 
      initCallback: mycarousel_initCallback 
     }); 
});  
関連する問題