Question

请参阅此页我一直致力于制作文字：
•混合拼贴＃1
•边框拼贴
•混合拼贴＃2
•魔术马赛克
•混合拼贴＃3

我只想在每次单击幻灯片时显示相应的幻灯片。我觉得这很简单，但6个小时后，我仍在苦苦挣扎。如果幻灯片显示在点击后可以继续，那将是很棒的......如果没有，我可以活下去。请帮助！

Answer 1

要回答您的问题，请参阅完整的背景信息：

<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>
...
...

Answer 2

好吧，因为你正在使用jQuery循环插件，你可以根据Intermediate demo here将这些链接用作寻呼机。

使用您的菜单进行类似的操作：

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

对循环插件中的元素引用进行了轻微编辑（我已经从循环插件网站复制了但现在它特定于你的循环元素，称为.samples）

Answer 3

以下是一个例子：

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

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

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

jquery cycle：使用文本链接转到幻灯片＃

3 个答案: