jQuery Reelを特定のフレームに再生して停止するにはどうすればいいですか？

Question

jQuery Reel（http://jquery.vostrel.cz/reel）は、素晴らしい360ビューの物を作成するための優れたjqueryプラグインです。

アニメーションの再生、停止、一時停止、および現在のフレーム（.reel（ "frame"））を検出するためにトリガーできるイベントがありますが、実際の配置方法はわかりません特定のフレームのリールを再生するリンクを作成し、その後停止します。助言がありますか？

Answer 1

あなたはイベントにバインドして、ターゲットフレームを確認し、到達したときに"stop"にすることができます。このような何か：

$('#your_reel_image') 
.trigger('play') 
.bind('frameChange', function(){ 
    if ($(this).reel('frame') == target_frame){ 
     $(this).trigger('stop'); 
    } 
}); 

ただ、携帯電話のような低速のデバイス上で、いくつかのフレームは必要なアニメーションの速度に追いつくために、スキップしてもよいことを、事実に注意してください。

上記にリファクタリングすることができますので、あなたはまた、ハンドラ内で自分で追加.reel()コールを保存するための3番目のイベントハンドラの引数としてframeを受け取る：バージョンので

：

$('#your_reel_image') 
.trigger('play') 
.bind('frameChange', function(e, depr_frame, frame){ 
    if (frame == target_frame){ 
     $(this).trigger('stop'); 
    } 
}); 

EDIT 1.3では、上記のソリューションを次のように置き換えることができます。

$('#your_reel_image').trigger('reach', target_frame); 

リールは、指定されたフレームに向かって最短経路をアニメートし、そこで停止します。