2011-06-24 1 views
0

私はjcycleプラグインを使用しています。私が今必要とするのは、いくつかのWebトラッキングです。ユーザーが次の矢印または前の矢印をクリックすると、現在表示されているスライドを確認する方法を知る必要があるため、Webトラッキングに適切な値を渡すことができます。私はこれが理にかなってほしい。私は実際にどのスライドが現在見えているかを確認する方法を知る必要があります。詳しい情報が必要な場合は、私に知らせてください。jcycle prev/next slide visibiilty

+0

あなたが開発者に連絡するか、またはあなたが購入し、ダウンロードに付属のマニュアルを読む必要があります。私は自分のサイトでドキュメントを見つけることができませんでした。正直なところ、あなたはお金を貯めて、ちょうどjQueryサイクルに行ったはずです。あなたが探している情報を無料で手に入れることができるすべてを行います。 –

+0

私は無料のものを使用しています。 – brian

答えて

0

次の例のマークアップを使用:

<div id="slides"> 
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" style="display: none;"> 
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" style="display: block;"> 
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" style="display: none;"> 
</div> 

このJavaScript:

$('#slides img').each(function(){ 
    if($(this).css("display") == "block"){ 
    //this is your current slide! 
    } 
}); 

現在の要素の要素をあなたに提供する必要があります。ブロック属性、および非アクティブな要素がディスプレイに隠されている:現在の要素がディスプレイを持っていることを

メモ$.index()方法と:visibleセレクタを使用することができ、同じように聞こえる何からどれ

+0

私はそれを分かった。ありがとう – brian

0

$("li:visible").index("li"); 

これは、ページの0以外のすべてのliのうちliのインデックスを返します。

デモ:http://jsbin.com/iquvib/edit

+0

私はdivで設定しました。だから私はそれが動作するように少し問題があります。また、この呼び出しでurlを変更する必要があります。window.history.pushState( 'Object'、 'Title'、 'solutions.html?slide = 0');スライド番号などに表示されます。コードなどのスニペットを表示したい場合はお知らせください。 – brian

+0

@Brianあなたが私たちのために提供できるより関連性の高いコードは、すぐに良い答えを得ることができます:) – Sampson

+0

ここにリンクがあります:http://jsfiddle.net/d2kBS/ #gotoのボタンを見るとここに)、それらの機能はちょうど良い。 window.history.pushState()で同じことをする前/次のボタンを取得する必要があります。しかし、私はまた、どのスライドが現在表示されているページの読み込みをチェックする必要があります。したがって、ユーザーがホームページからリンクをクリックすると、URLにはsiturl.com/solutions.html?slide=0またはホームページのリンクに対応するスライドが表示されます。私はこれが理にかなってほしい。 – brian