jQuery Cycle：使用文本链接转到幻灯片#

Question

jQuery Cycle：使用文本链接转到幻灯片#

jquery

5

http://procollage.com/site10

请查看我一整天都在努力改进的页面，其中包括以下内容：
• 混合拼贴 #1
• 带边框的拼贴
• 混合拼贴 #2
• 魔法马赛克
• 混合拼贴 #3

我希望每次点击其中一个，幻灯片能够显示相应的幻灯片。我原以为这很简单，但6个小时后，我仍然在苦苦挣扎。如果幻灯片在被点击后能够继续播放，那就太好了......如果不能，我也能接受。请帮帮我！

- dg.

3个回答

2

既然您正在使用jQuery Cycle插件，您可以像中级演示这里那样将这些链接用作分页器。

可以使用您的菜单创建类似以下内容的代码：

$('.samples').cycle({ 
    pager:  '.menu_table' 
});

< p > 在cycle插件的元素引用方面进行了轻微编辑（我之前是从cycle插件网站复制的，但现在它是特定于您的cycle元素，即称为.samples）

Translated: < p > 对于cycle插件中元素的引用进行了轻微修改（我之前是从cycle插件网站复制的，但现在它是特定于您的cycle元素，即.samples）

- jay

0

这里是一个例子：

$('#goto2').click(function() {  
  $('#s1').cycle(1);  
  return false;
});

因此，对于您页面上的第一个链接，它将是：

$('#s1 a:first').click(function() {  
  $('.samples').cycle(0);  
  return false;
});

- JAKEtheJAB

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- JAKEtheJAB · Accepted Answer

为了回答您的问题，以下是完整的上下文：

<html>
<head>
<script type="text/javascript">
  $(document).ready(function() {
    $('.samples').cycle({
      fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });
  });

  function setSlide(index) {
    $('.samples').cycle(index);
  }
</script>
</head>
...
...
<a href="javascript:setSlide(0)">Blended Collage #1</a><br />
<a href="javascript:setSlide(1)">Bordered Collage</a>
...
...