jcycle上一页/下一页slide visibiilty

我正在使用jcycle插件，并且所有内容都按照它应该的方式工作。我现在需要做的是一些网络跟踪。因此，当用户点击下一个箭头或上一个箭头时，我需要知道如何检查当前可见的幻灯片，以便我可以为网页跟踪传递正确的值。我希望这是有道理的。我真的只需要知道如何检查哪一张幻灯片是可见的。如果您需要更多信息，请告诉我。jcycle上一页/下一页slide visibiilty

来源

2011-06-24 brian

您需要联系开发商或阅读提供了您所购买的下载的文档。我在他们的网站上找不到任何文档。老实说，你应该已经省下了你的钱，只是用jQuery Cycle。做一切可以做的事情，免费，让你得到你正在寻找的信息。 –

我正在使用免费的。 – brian

使用下面的示例标记：

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

应为您提供当前元素的元素。

需要注意的是当前元素具有显示：块属性，和非活动元素是隐藏与显示：无

来源

2011-06-24 20:13:22 ChrisLeBlanc

我明白了。谢谢 – brian

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

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

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

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

来源

2011-06-24 20:36:15 Sampson

我已经在div中设置了它。所以我在使它工作时有点麻烦。我还需要让它通过调用window.history.pushState（'Object'，'Title'，'solutions.html？slide = 0'）来更改网址。依此类推。让我知道你是否想看到一小段代码或任何东西。 – brian

@Brian更相关的代码，您可以提供给我们越早，我们可以给你一个很好的答案:) – Sampson

这里有一个链接：http://jsfiddle.net/d2kBS/如果你看看#goto按钮（插入数字这里），那些功能就好了。我需要使用window.history.pushState（）来获得prev/next按钮来做同样的事情。但我也需要检查页面加载当前显示的幻灯片。因此，当用户点击主页上的链接时，网址就会显示siturl.com/solutions.html?slide=0或任何幻灯片与主页上的链接相对应。我希望这是有道理的。 – brian

jcycle上一页/下一页slide visibiilty

回答

相关问题