Question

我正在尝试使用jquery循环插件。我直接在http://jquery.malsup.com/cycle/basic.html复制了页面源，并将其保存到我http://merlin.ahmct.ucdavis.edu/photolog2/slideshow.html服务器上的文件中以测试功能。

malsup网站在Chrome中非常适合我。但是，我的本地文件版本只显示5个图像，并且不会旋转它们。我在其他浏览器中得到了相同的行为。对我来说这似乎是一个服务器问题，但我不知道它可能是什么。我在linux mint上运行apache。

有关如何运行本地版本的任何想法？提前谢谢。

Answer 1

$(document).ready(function() {
    $('.slideshow').cycle({
        fx: 'fade' // choose your transition type, ex: fade,
scrollUp, shuffle, etc...   // THIS STUFF IS NOT CODE AND SHOULD BE COMMENTED
    });
});

应该是这样的：

$(document).ready(function() {
    $('.slideshow').cycle({
        fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...  
    });
});

您可以在控制台中轻松发现此类错误
如果你使用FireFox，你可以下载FireBug来检查JS抛出的任何错误，在其他浏览器中你也有一些开发人员工具。如果你想编码，请习惯这些工具：）

Answer 2

脚本中有错误

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

删除此行：scrollUp，shuffle等...

jquery循环插件不会旋转图像

2 个答案: