Question

由于某种原因，我的幻灯片没有循环播放。整个网站都相当陈旧，在Joomla上运行，我被要求将基于Flash的幻灯片转换为jQuery幻灯片。

http://www.colours.ltd.uk/lazzari/index2.php

在你们中的一个人的帮助下，我设法让幻灯片显示运行，但是现在由于某种原因，在经历了所有这些幻灯片之后它没有循环播放，它停在白色屏幕上。关于如何解决这个问题的任何想法？

//Slideshow
jQuery(function() {
        jQuery("#slideshow1 > li:gt(0)").hide();

 setInterval(function() { 
          jQuery('#slideshow1 > li:first')
            .fadeOut(1000)
            .next()
            .fadeIn(1000)
            .end()
            .appendTo('#slideshow1');
        },  6000);  
        });

我注意到由于某种原因“不透明度：0;”停留，而在我的其他网站上，它会尽快消失，允许循环继续。

Answer 1

使用repeat()函数

尝试此操作

$('#slideshow img').hide().repeat().each($).fadeIn(1000).wait(6000).fadeOut(1000);

**********更新**********

例如： http://jsfiddle.net/gmaniac/9h5Let17/

Answer 2

我修复了它，jQuery和Prototype库之间存在巨大的冲突。我将原型更新到最新版本，它现在似乎正在运行，希望我没有破坏任何东西。

为什么我的幻灯片没有循环播放

2 个答案: