1

私は現在、オブジェクトの画像を使用して任意のオブジェクトの回転を表示するために Jquery プラグインを使用しています (画像はあらゆる角度からキャプチャされます)。回転はマウス クリックで正常に機能します。 、左、右、上、下のボタン) .左ボタンをクリックすると、画像は時計回りまたは左方向、またはその逆の回転を示す必要があります.

私は次のコードを試しました：

$(function(){ 
      $('#image').reel({ 
          frames: 20, 
          frame: 14, 
          footage: 10, 
          rows: 13, 
          row: 8, 
          cw: true, 
          inversed: false, 
          speed: 0, 
          images: 'Drilbit/Drilbit_normal_###.png',
          cursor: 'move', 
          preloader: 3, 
          draggable: true, 
          wheelable: true, 
          throwable: true, 
        //steppable:true, 
     }); 
});
4

1 に答える 1

1

リール プラグインのドキュメントは、この(注釈付きソース コード) プロセスで説明されています。

リールオブジェクトでトリガーstepRightすると、適切なアクションが実行されます。stepLeft Eventsこのイベント呼び出しをコントロール ボタンにバインドする必要があります。

$(function(){ 
    var reelObject = $('#image').reel({ 
        //required options
        steppable:true 
    }); 

    $('#button-right').click(function (){
        reelObject.trigger('stepRight');
    })

    $('#button-left').click(function (){
        reelObject.trigger('stepLeft');
    })
});

アップ/ダウン イベントにも同じ考え方を使用できます。

これがデモ付きのjsFiddleです。

//edit: added jsFidle for demonstration.

于 2013-08-13T10:42:55.630 に答える