Question

是否可以通过命令在jQuery循环中前进到特定幻灯片，而不是在寻呼机上触发click？

就像jQuery循环提供了如此推进的选项：

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

我希望能以某种方式传递一个特定的位置，以便我可以以编程方式前进到任何幻灯片而不是点击。类似的东西：

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

理想情况下，我可以导航到eq为10的幻灯片。任何人都知道有很好的方法可以实现这一目标吗？

Answer 1

这是使用相同goto类的替代方法。我还从循环中删除了pager属性。

我的幻灯片放映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>

在jQuery Cycle中手动前进到没有寻呼机的特定幻灯片

1 个答案: