Question

这似乎是一个非常基本的问题，因为我不熟悉jQuery，但是我在实现jquery循环插件时遇到了一些麻烦。我在Jquery Cycle Plugin页面找到了上一个/下一个的代码：jQuery Cycle Plugin - Intermediate Demos (Part 2)（上一个/下一个例子）

到目前为止，我有这个 Js Fiddle作为测试

这是我想要的动画效果的jQuery：

$(document).ready(function() {
  $('#s2').cycle({ 
   fx:     'slideY', 
   speed:   300, 
   timeout: 0, 
   next:   '#next2', 
   prev:   '#prev2' 
  });
});

我有按钮，还有一些测试图像，但是我无法从按钮开始动画。

我已经阅读了循环选项的文档，但由于我不太熟悉jQuery，我不明白如何让它工作，我已经准备好了fx和速度，只需让按钮工作即可我的问题。

Answer 1

使用按钮的<a>标记。例如：

<a id="prev2" href="#">Prev</a>

然后使用CSS根据您的需要设置样式。

确保在jquery框架之后包含一次cycle.js，如下所示：

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>

jQuery点击驱动幻灯片（循环插件）

1 个答案: