javascript - jcycle 上一张/下一张幻灯片的可见性

Question

我正在使用 jcycle 插件，一切正常。我现在需要做的是一些网络跟踪。因此，当用户单击下一个箭头或上一个箭头时，我需要知道如何检查当前可见的幻灯片，以便为网络跟踪传递正确的值。我希望这是有道理的。我真的只需要知道如何检查当前可见的幻灯片。如果您需要更多信息，请告诉我。

Answer 1

使用以下示例标记：

<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 隐藏

Answer 2

听起来，您可以使用$.index()方法和:visible选择器：

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

li这将返回页面上所有其他lis中可见的从零开始的索引。

演示：http: //jsbin.com/iquvib/edit