jquery - jQuery フェードイン フェードアウト 画像の不透明度アニメーション

Question

現在、一定のループで自動的にフェードイン (不透明度 0 > 100) する単純な画像を表示する方法を見つけようとしています。

必ずしもフラッシュソリューションに依存することなく、jQuery でこれを達成する方法はありますか?

いくつかの情報をいただければ幸いです。

Answer 1

これを試して

$(function () {
    $('img').on("hasFadedOut", fadeInImg);
    $('img').on("hasFadedIn", fadeOutImg);
    fadeOutImg();
})

fadeInImg = function () {
    $('img').fadeIn(500, function () { $('img').trigger("hasFadedIn"); });
};

fadeOutImg = function () {
    $('img').fadeOut(2000, function () { $('img').trigger("hasFadedOut"); });
};

Answer 2

これを試して

$(document).ready(function(){

    setInterval(function(){

        $('#image').fadeIn('slow', function() {  
            $('#image').fadeOut('slow');
        });

     }, 500);

});

Answer 3

これを試して

$('#clickme').click(function() {
    $('#image').fadeIn('slow', function() {
    // After Animation complete.
    $('#image').fadeOut('slow');
    });
    });