从左到右旋转相同的div

Question

我有一个div，里面有一些画布和图像等等。

现在我要做的是，我想旋转这个div，但是当div同时向左移动时，同样的div开始从左开始显示。

像这样的事情只会产生更多的影响。

我试过使用2 div，它工作得很好，但是管理它很繁琐，我如何使用1 div呢？

这是我的密码。

$('#main').swipeleft(function( event ) {
     $('#test').animate({ 'left': window.innerWidth }, 1,function(){
           $('#main').animate({"left": -width}, "fast", function(){});
           $('#test').animate({"left": -width}, "fast", function(){});
     });
});

这里主要和测试是两个div。

这里是HTML (它很简单)

<div class="whiteBackground" id="main" style="position: relative;">
            <img src="img1" style="z-index: 1; top:0px;" height="200px" width="200px">
            </img>
        </div>
<div class="whiteBackground" id="test" style="position: relative;">
            <img src="img1" style="z-index: 1; top:0px;" height="200px" width="200px">
            </img>
        </div>

请帮帮我。

Answer 1

检查这个答案- How to cycle a single div in an element with jQuery

它似乎能做你想做的事，没有任何额外的插件。

Answer 2

有了这个插件，你就可以轻松地旋转了！http://www.jquery4u.com/plugins/5-jquery-spinrotate-image-plugins-demos/

Answer 3

请参考这个答案，你有两种方法来实现它。

1. 使用jQuery插件jqueryrotate
2. 使用CSS变换

网址：jquery rotate image onclick