2012-03-07 45 views
0

是否有可能通過命令而不是觸發在尋呼機上的click jQuery循環中的特定幻燈片?手動前進到特定的幻燈片沒有尋呼機jQuery週期

就像jQuery的週期提供推進,像這樣的選項:

$('#slideshow').cycle('next');

我很想能夠某種方式傳遞的特定位置,這樣我就可以提前到任何幻燈片編程,而不是點擊。喜歡的東西:

$('#slideshow').cycle('advance(10)');

這將非常讓我瀏覽到幻燈片與10任何人的eq知道做到這一點的好辦法?

+3

[this example](http://jquery.malsup.com/cycle/goto.html)? – Marshall 2012-03-07 23:18:02

+0

完美!謝謝!我應該在文檔中多挖一點。加上它作爲答案,我可以給你信用:) – Jon 2012-03-07 23:26:09

+0

馬歇爾,你能回答這個問題與其他人的例子很容易看到解決方案。並感謝馬歇爾,花了數小時尋找這個。 – RooWM 2012-08-14 22:10:54

回答

0

以下是使用相同goto類的替代方法。我也從週期中刪除了尋呼機屬性。

我的幻燈片ID是s2。代碼:

$('.goto').click(function() { 
    var rel = parseInt($(this).attr('rel')); 
    $('#s2').cycle(rel); // you can also do (rel - 1) to follow the array 
    return false; 
}); 

<div id="nav"> 
    <a href="#" class="goto" rel="0">Slider 1</a> 
    <a href="#" class="goto" rel="1">Slider 2</a> 
    <a href="#" class="goto" rel="2">Slider 3</a> 
    <a href="#" class="goto" rel="3">Slider 4</a> 
</div>