2

いくつかのキャンバスと画像とすべてを含む 1 つの 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(){});
     });
});

ここでメインとテストは2つの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>

私を助けてください。

4

3 に答える 3

1

この回答を確認してください-jQueryを使用して要素内の単一のdivを循環させる方法

追加のプラグインなしで、あなたが望むことをしているようです

于 2013-11-12T07:45:37.757 に答える
0

このプラグインを使えば簡単に回転できます！ http://www.jquery4u.com/plugins/5-jquery-spinrotate-image-plugins-demos/

于 2013-11-12T07:44:57.903 に答える
0

このSO Answerを参照してください。それを達成するには2つの方法があります。

  1. jQuery プラグインの使用jqueryrotate
  2. CSS 変換の使用

URL: jquery ローテーション画像 onclick

于 2013-11-12T07:49:38.293 に答える