文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用Pixastic jquery多次旋转？

问如何使用Pixastic jquery多次旋转？
EN

Stack Overflow用户

提问于 2011-10-11 17:09:41

回答 2查看 1.3K关注 0票数 1

我尝试在点击时旋转我的图像(使用Pixastic)，但我只能旋转一次，我怎么能在每次点击图像时继续旋转

$('#tok').click(function() {
                $("#tok").pixastic("rotate", {angle:90});                   
            });

jquery

rotation

pixastic

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-10-11 17:20:45

我以前没有用过Pixastic。但是，我相信，每次点击图像时，你都必须增加90度的角度。

First Click -> 90 
Second Click->180 
Third Click ->270
Fourth Click ->360
Fifth Click ->90..etc

更新：

Pixastic似乎先移除图像，然后再插入。这就是onClick处理程序只执行一次的原因。将其更改为"live“，它将正常工作。

$('#tok').live('click',function() {
     $(this).pixastic("rotate", {angle:90});                 
});

在这里查看Demo :。

票数 2

Stack Overflow用户

发布于 2011-10-26 19:42:43

如果你想把它旋转到90度以上，你也可以使用HTML5的range元素(或者对于不推荐使用的浏览器(比如IE9和更低版本;-) )

HTML (5)

<input type="range" id="rotate" min="-180" max="180" value="0" step="1">

jQuery

$('.rotate').live('change', function(){
    $('img').pixastic("rotate", {angle: $(this).val() });
}

雅各布·塞德林为他伟大的插件致以亲切的问候！

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/7723729

复制

相似问题

问如何使用Pixastic jquery多次旋转？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用Pixastic jquery多次旋转？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用Pixastic jquery多次旋转？
EN