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

回答

相關問題