Question

我的jquery cycle2插件存在问题。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Usare jQuery Cycle2 (2) | Sintesi-design.it</title>
<link rel="stylesheet" type="text/css" href="css/fonts/font.css">
<link rel="stylesheet" type="text/css" href="css/template.css">

</head>
<body>
<div class="slideshow" 
data-cycle-fx=carousel
data-cycle-timeout=0
data-cycle-carousel-visible=5
data-cycle-next="#next"
data-cycle-prev="#prev"
data-cycle-pager="#pager"
>
<img src="http://malsup.github.io/images/beach1.jpg">
<img src="http://malsup.github.io/images/beach2.jpg">
<img src="http://malsup.github.io/images/beach9.jpg">
</div>

<div class=center>
<a href=# id=prev>&lt;&lt; Prev </a>
<a href=# id=next> Next &gt;&gt; </a>
</div>

<div class="cycle-pager" id=pager></div>

<script src="jquery-1.10.2.min.js"></script>
<script src="jquery.cycle2.js"></script>
<script src="jquery.cycle2.carousel.js"></script>


</body>
</html>

我下载了插件的代码，就像说文档一样。其他效果是有效的，只有过渡没有，有人知道为什么？感谢

Answer 1

<div class="cycle-slideshow"

http://jsfiddle.net/ska2hjr0/

根据文件：

cycle-slideshow是一个特殊的类名，告诉Cycle2 加载页面时自动初始化幻灯片。

http://jquery.malsup.com/cycle2/demo/basic.php

另一种方法，将jquery代码添加到页面：$( '.slideshow' ).cycle(); 但是自动初始化甚至更好。

jQuery Cycle2转换插件不起作用

1 个答案: