FadeIn FadeOut with Loop

Question

我想循環下面的代碼。我搜索，但我沒有找到解決方案。有人能幫助我嗎？

<script> 


$(function(){ 
$('img#picture').fadeIn('slow'); 

setTimeout(function(){ 
    $('#test').fadeIn("slow"); 
}, 2000); 

setTimeout(function(){ 
$('#test').fadeOut("slow"); 
}, 10000); 


}) 

</script> 

非常感謝。

問候

Answer 1

謝謝你給我看的網站，請試試這個：

<script> 
$(function(){ 

    $('img#jana, img#katharina, img#kathrin').fadeIn('slow', function() { 

     setTimeout(showNext, 2000); 

     setInterval(showNext, 10000); 

    }); 

    function showNext() { 
     var target = $('#expertenbilder'); 

     if (target.find('#sprechblase_jana').is(':visible')) { 
      $(this).fadeOut("slow"); 

      setTimeout(function() { 
       target.find('#sprechblase_katharina').fadeIn("slow"); 
      }, 2000); 
     } else if (target.find('#sprechblase_katharina').is(':visible')) { 
      $(this).fadeOut("slow"); 

      setTimeout(function() { 
       target.find('#sprechblase_kathrin').fadeIn("slow"); 
      }, 2000); 
     } else if (target.find('#sprechblase_kathrin').is(':visible')) { 
      $(this).fadeOut("slow"); 

      setTimeout(function() { 
       target.find('#sprechblase_jana').fadeIn("slow"); 
      }, 2000); 
     } else { 
      $('#sprechblase_jana').fadeIn("slow"); 
     } 
    } 

}); 
</script> 

Answer 2

使用setInterval

var t=setInterval(function(){ 

$('img#picture').fadeIn('slow'); 

setTimeout(function(){ 
$('#test').fadeIn("slow"); 
}, 2000); 

setTimeout(function(){ 

    $('#test').fadeOut("slow"); 
}, 10000); 

},3000) //3000 is just an example, set suitable interval to allow effect to run smoothly 


window.clearInterval(t) //to stop