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

Why is my slideshow not looped

本文关键字:循环 播放 我的 幻灯片 为什么      更新时间:2023-09-26

由于某种原因,我的幻灯片没有循环播放。整个网站相当旧,运行在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;"仍然存在,而在我的其他站点之一上,它会尽快消失,允许循环继续。

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

试试这个 repeat() 函数

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

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

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