0

循環アニメーションを実装しています。2 つの問題に直面しています。

  • 反時計回りにスクロールしたい（これは機能していません）。時計回りにのみ機能しています。詳細: ユーザーがブラウザーで指を円形にタッチしたときに画像をスクロールしたいのですが、タッチスタートを使用するデバイスでタッチマウスを使用しますが、反時計回りの方向では機能しません。
  • lable 値を変更したい (どの画像が一番上にあるかによって異なります)。

http://jsfiddle.net/naveennsit/sFcCU/6/

<lable>Title</lable>

<div id='container'>
    <img src="https://dl.dropbox.com/s/66ip1iz8cm3wf2l/dial.png" style="position:absolute;top:=;left:;" id="dial1"></img>
    <img src="https://dl.dropbox.com/s/siqq3e8kdaefqn8/icon_0.png" style="position:absolute;top:60px;left:190px;" id="dial2"></img>
    <img src="https://dl.dropbox.com/s/zikxwpakha2ei1v/icon_1.png" style="position:absolute;top:100px;left:100px;" id="dial3"></img>
    <img src="https://dl.dropbox.com/s/dn5n76r6yr1tzpd/icon_2.png" style="position:absolute;top:180px;left:70px;" id="dial4"></img>
    <img src="https://dl.dropbox.com/s/vu9uckyoo7k8wcc/icon_3.png" style="position:absolute;top:270px;left:70px;" id="1"></img>
    <img src="https://dl.dropbox.com/s/lnb9h4hazcd619u/icon_4.png" style="position:absolute;top:370px;left:110px;" id="dial5"></img>
    <img src="https://dl.dropbox.com/s/pt0q3zbdxt3843d/icon_5.png" style="position:absolute;top:420px;left:230px;" id="dial6"></img>
    <img src="https://dl.dropbox.com/s/j9ybktafm0v08ff/icon_6.png" style="position:absolute;top:350px;left:340px;" id="dial7"></img>
    <img src="https://dl.dropbox.com/s/nuh0njoeczd94gm/icon_7.png" style="position:absolute;top:250px;left:390px;" id="dial8"></img>
    <div>

ありがとう

4

1 に答える 1

0

最初の問題は構文エラーです。

配列は[]and not で定義されて{}いるため、に変更する必要があります

var arry =["a","b","c","d","e","f","g" ,"h"];

回転を反転するcurrentAngleには、減少させる代わりに増加させます。

boxes[idx].currentAngle++;

どちらが一番上かを確認するには、角度を確認してください ( 90 度が一番上です) 。

http://jsfiddle.net/sFcCU/8/のデモ

于 2013-10-14T16:22:10.273 に答える