0

spritespinプラグインを使用しています。このリンクを参照してください-http://spritespin.ginie.eu/examples.html

マウスアップのようなアクション、spritespinクラスのマウスダウンアクションが発生する場合は常に、360度回転します

私はこの行動を望んでいません。

私は他のクラスに支配されるための行動を必要としています。

<div class="spritespin"></div>
<div class="left-mov"><a href="#"></a></div>
<div class="right-mov"><a href="#"></a></div>

ここでは、left-movまたはright-movクラスのマウスオーバーアクションによってスプライトスピン全体のアクションを制御したいと思います。

どうすればこれを進めることができますか？

どんなアイデアでも、私を導いてください....

/* original code starts */
$(".spritespin").spritespin({
     width: 609,
     height: 503,
     frames: frames.length,
     behavior: "hold", // "hold"
     module: "360",
     sense: 1,
     source: frames,
     animate: false,
     loop: false,
     loopFrame: 0,
     frameWrap: false,
     frameStep: 1,
     frameTime: 72,
     enableCanvas: true,
     reverse: false,
     orientation: 'horizontal'
 }).bind("onFrame mouseup mousedown onLoad", function (e) {
     ----------------------------
 });

 /* original code ends */

 /* my code have to start like this */
 $(".left-mov a, .spritespin").mouseover(function (e) {

     // here i dont know how to bind the sprintespin class action, guide me please urgent....

 });
 /* my code ends */
4

1 に答える 1

1

あなたはこれを試すことができます：

 $(".left-mov a").mouseover(function (e) {
      $(".spritespin").spritespin("prev");         
 });

次の必要な場合：

 $(".right-mov a").mouseover(function (e) {
      $(".spritespin").spritespin("next");         
 });

詳細については、 http： //spritespin.ginie.eu/examples/api-usageをご覧ください。

于 2013-03-20T07:34:35.017 に答える