Jquery Cycle2 不会制作幻灯片

Question

我正在尝试在 HTML 页面上使用 jquery 实现 cycle2 插件。我使用网站 http://jquery.malsup.com/cycle2 作为指南我下载（复制）了文件 jquery.cycle2.js 我把它放在服务器上的位置 public_html/cycle2/jquery.cycle2.js
在我的 HTML 页面的页眉部分，我添加了以下行：

<!-- include jQuery library -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!-- include Cycle2 -->
<script src="cycle2/jquery.cycle2.js"></script>

然后，在 HTML 页面的正文中我添加了：

<div class="cycle-slideshow">
    <img src="cycle_images/image1.jpg" alt="Image1"/>
    <img src="cycle_images/image2.jpg" alt="Image2"/>
    <img src="cycle_images/image3.jpg" alt="Image3"/>
</div>

该指南没有为 class "cycle-slideshow" 提供 css 类型的示例。相反，它表示通过在 DIV 标签中使用 class 它将自动激活幻灯片。
这似乎没有激活幻灯片。相反，它将图像排成三行，一行接着一行。
知道我在激活 cycle2 幻灯片放映时做错了什么吗？

Answer 1

问题出在服务器行上的 HTTP:// 上。由于 Cycle2 文档已发布，因此 GOOGLEAPIS 服务器必须已获得证书，使其成为 HTTPS。 HTTP 和 HTTPS 之间的不匹配导致插件失败。工作代码现在显示为：

<!-- include jQuery library -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!-- include Cycle2 -->
<script src="cycle2/jquery.cycle2.js"></script>

在我看来，删除 "HTTP" 或 "HTTPS" 并仅作为带有“//”的服务器行更安全。

Jquery Cycle2 不会制作幻灯片

Jquery Cycle2 won't produce slideshow

jquery-cycle2

cycle2