2012-04-27 17 views
-3

右/左/上/下をサポートするJquery/Javascriptプラグインを探しています。右/左/上/下をサポートする任意のJquery/Javascriptスライダ?

質問には正確な言葉が分かりませんが、私の質問を理解するのに役立つイメージがあります。

enter image description here

あなたが見ることができるように、私は

+0

これらの矢印の目的は何ですか?どんな種類のプラグインをお探しですか? – fcalderan

+0

何をスライドさせるスライダですか?大きなテキスト、フレーム内の大きな画像? – VisioN

+0

@ F.Calderan、これらの矢印の目的は価値を提供することです。初期値は{x:0、y:0}としましょう。左矢印をクリックすると、値{x:-1、y:0}が表示されます。今度は、topをクリックすると、値{x:-1、y:1}が返されます。 – user960567

答えて

1

は、この例のフィドル参照指向の要素を表示することができるようにしたい:http://jsfiddle.net/9AtMB/
はあなたのJavaScriptコンソール

HTML

<div> 
    <a href="#" data-y="1" data-x="0">Up</a> 
    <a href="#" data-y="-1" data-x="0">Down</a> 
    <a href="#" data-x="-1" data-y="0">Left</a> 
    <a href="#" data-x="1" data-y="0">Right</a> 
</div> 
を開きます

js/jQuery

グラフィカルな矢印でラベルを変更するには
var offset = { x: 0, y: 0 }; 
$('a').on('click', function(evt) { 
    evt.preventDefault(); 
    offset.x += ~~$(this).data('x'); 
    offset.y += ~~$(this).data('y'); 
    console.log(offset); 
}); 

のCss(最小限)

div { width: 200px; height: 200px; position: relative; } 
a { position: absolute; z-index: 1; } 
a[data-y="1"] { top : 0; left: 50%; } 
a[data-y="-1"] { bottom : 0; left: 50%; } 
a[data-x="-1"] { top : 50%; left: 0; } 
a[data-x="1"] { top : 50%; right: 0; } 

運動はあなたに委ねられています。

+0

これは私には役に立ちません。コンソールを参照してください。それは今働いているありがとう – user960567

+1

私はFF11を使用しています、それは正常に動作しています。 「作業していない」と指定してください – fcalderan

関連する問題