jquery - jQuery を使用したスライドショーは、リロード時にすべてを表示します

Question

データベースに含まれている情報を表示する簡単なスライドショーを作成しようとしています。

私が抱えている問題は、ページが再読み込みされると、スライダー内のすべてが表示されることです。問題を回避する方法がわかりません。私が実装したjQueryコードは次のとおりです。

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

Answer 1

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

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