javascript - jcycle 前/次のスライドの可視性

Question

私は jcycle プラグインを使用していますが、すべてが正常に機能しています。私が今しなければならないことは、いくつかの Web 追跡です。そのため、ユーザーが次の矢印または前の矢印をクリックしたときに、どのスライドが現在表示されているかを確認して、Web トラッキングに適切な値を渡すことができるようにする必要があります。これが理にかなっていることを願っています。どのスライドが現在表示されているかを確認する方法を知る必要があるだけです。さらに情報が必要な場合は、お知らせください。

Answer 1

このように聞こえますが、$.index()メソッドと:visibleセレクターを使用できます。

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

liこれは、ページ上の他のすべての s の中で表示されている s のゼロから始まるインデックスを返しliます。

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

Answer 2

次のサンプル マークアップを使用します。

<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!
  }
});

現在の要素要素を提供する必要があります。

現在の要素には display: block 属性があり、非アクティブな要素は display: none で非表示になっていることに注意してください。