单独旋转2个或更多图像

时间:2011-05-18 19:49:03

标签: javascript jquery rotation rotatetransform

我迫切需要弄清楚如何能够在页面上单独旋转2个项目(图像,文本等)(例如,不能同时旋​​转)。这是我正在谈论的一个例子,但在这个页面上,只有一个项目(一个图像)。当我尝试复制图像然后旋转图像时,两个图像最终同时旋转:http://testerski.antaranian.me/

请有人请,请告诉我让这些项目自行轮换的代码?谢谢!!!

1 个答案:

答案 0 :(得分:0)

main.js中的

更改为:

 $(document).ready(function(){
    $('#cc-element-1').rotatable();
    $('#cc-element-2').rotatable();

});

添加你的html:

 <span id="cc-element-2" class="cc-element ui-draggable cc-active" style="-webkit-transform: rotate(0deg);" >

          <img src="shirt.png" style="height: 197.35365477846602px; width: 265.1019243292827px;" >
      </span>

现在应该工作。您应该显示您的代码,因为我正在假设您需要修复的内容。