Question

我有一个人想要能够在没有手柄的情况下旋转图像。我认为最好的方法是使用UI滑块。有没有办法让滑块使用UI滑块将图像旋转360度。

小提琴中的

是将click事件绑定到图像的示例。单击功能可旋转图像。我希望uI滑块能够做到这一点。有人请帮助谢谢。

'$("#slider").slider({ value: 90, max: 1000, min: 90, slide: function(event, ui) { value +=90; $("img.resize-image").rotate({ animateTo:value});}}); http://jsfiddle.net/kt7z8jaf/

Answer 1

为什么要使用jquery旋转？这对我有用：

$("#slider").slider({
    value: 0,
    max: 360,
    min: 0,
    slide: function(event, ui) {

        $("#image").css({
          '-webkit-transform': 'rotateZ('+ui.value+'deg)',
          '-moz-transform': 'rotateZ('+ui.value+'deg)',
          '-o-transform': 'rotateZ('+ui.value+'deg)',
          'transform': 'rotateZ('+ui.value+'deg)',
        })

} }）;

http://jsfiddle.net/kt7z8jaf/1/

注意：我必须在js中包含整个jquery ui的东西，因为它没有正确加载，但你只需要我粘贴的部分。

如何将jquery UI滑块与jqueryrotate插件结合起来？

1 个答案: