0

これは初歩的な質問かもしれませんが、簡単に答えられることを願っています。ページ上のいくつかの div に対して、この単純なフェードイン フェードアウト スクリプトを使用して成功しました。

function fadeContent() {
  $(".banner .picitem:hidden:first").fadeIn(500).delay(5000).fadeOut(500, function() {
    $(this).appendTo($(this).parent());
    fadeContent();
  });
}
fadeContent();

問題は、バナーという名前のさらに 5 つの div で機能する必要があることです。最初の div でのみ機能します。

編集:誰かがそれに取り組みたい場合に備えて、私は自分の問題のためにjsfiddleを作成しました!..THNX! http://jsfiddle.net/perrodeagua/UMua9/

4

2 に答える 2

0

これを試して：

$(".banner").each(function (index) {
    var $self = $(this).find('.picitem:hidden:first');
    $self.fadeIn(500).delay(5000 * index).fadeOut(500, function () {
        $self.appendTo($self.parent());
    });
});
于 2013-05-10T15:39:00.917 に答える
0

セレクターを変更して、すべての「.banner」アイテムが選択に含まれるようにすることができます。

$(".banner .picitem:hidden:first")

に ：

$(".banner").find(".picitem:hidden:first")
于 2013-05-10T15:47:55.367 に答える