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');
    })
});

相同的想法可以用于up/down 事件。

这是带有演示的jsFiddle。

//edit: added jsFidle for demonstration.

于 2013-08-13T10:42:55.630 回答