使用jQuery的幻灯片显示重新加载的所有内容

时间:2012-12-17 08:56:57

标签: jquery slideshow

我正在尝试制作一个简单的幻灯片,以显示数据库中包含的一些信息。

我遇到的问题是当页面重新加载时,会显示滑块中的所有内容。 我不知道如何解决这个问题。这是我实现的jQuery代码:

$("#filmer > div:gt(0)").hide();
setInterval(function() { 
    $('#filmer > div:first')
        .fadeOut(0)
        .next()
        .fadeIn(1000)
        .end()
        .appendTo('#filmer');
},  5000);

1 个答案:

答案 0 :(得分:0)

$(document).ready(function() {
  $("#filmer > div:gt(0)").hide();

  setInterval(function() {
    $('#filmer > div:first')
     .fadeOut(0)
     .next()
     .fadeIn(1000)
     .end()
     .appendTo('#filmer');
    },  5000);
});