右/左/上/下をサポートするJquery/Javascriptプラグインを探しています。右/左/上/下をサポートする任意のJquery/Javascriptスライダ?
質問には正確な言葉が分かりませんが、私の質問を理解するのに役立つイメージがあります。
あなたが見ることができるように、私は
右/左/上/下をサポートするJquery/Javascriptプラグインを探しています。右/左/上/下をサポートする任意のJquery/Javascriptスライダ?
質問には正確な言葉が分かりませんが、私の質問を理解するのに役立つイメージがあります。
あなたが見ることができるように、私は
は、この例のフィドル参照指向の要素を表示することができるようにしたい: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; }
運動はあなたに委ねられています。
これは私には役に立ちません。コンソールを参照してください。それは今働いているありがとう – user960567
私はFF11を使用しています、それは正常に動作しています。 「作業していない」と指定してください – fcalderan
これらの矢印の目的は何ですか?どんな種類のプラグインをお探しですか? – fcalderan
何をスライドさせるスライダですか?大きなテキスト、フレーム内の大きな画像? – VisioN
@ F.Calderan、これらの矢印の目的は価値を提供することです。初期値は{x:0、y:0}としましょう。左矢印をクリックすると、値{x:-1、y:0}が表示されます。今度は、topをクリックすると、値{x:-1、y:1}が返されます。 – user960567