2つのsetInterval関数をリンクして、単純な背景画像スライダを連続的にスライドさせるにはどうすればよいですか？

Question

これら2つの機能を連続して切り替えるループを作るにはどうすればよいですか？また、1つの機能を使用して、必要な数の写真をリンクする方法はありますか？

<script type="text/javascript"> 

     $(document).ready(function(){ 

setInterval('spinna()', 3000); 
setInterval('spinna2()', 6000); 

     }); 
       function spinna(){ 

         $('#header_bg').css({       
          'background-image' : 'url(' + '<?php echo get_template_directory_uri(); ?>/library/images/bg2.jpg' + ')'       
         });    
       } 
         function spinna2(){ 
         $('#header_bg').css({       
          'background-image' : 'url(' + '<?php echo get_template_directory_uri(); ?>/library/images/scrib.jpg' + ')'      
        }); 

     } 

</script> 

私は本当に私がthenewbostonからjQueryの60個のチュートリアルをやった、これをやろうとしています。私はこれを "不正行為"せずにやろうとしていましたが、私はこの仕事をすることはできません。

Answer 1

$(document).ready(function(){ 
    setInterval(spinna, 3000); 


    var index = 0, 
     imgs = ['bg2.jpg', 'scrib.jpg']; 
    function spinna(){ 
      $('#header_bg').css({     
       'background-image' : 'url(' + '<?php echo get_template_directory_uri(); ?>/library/images/'+ imgs[index] +'' + ')';    
      });    
     index == 0 ? index = 1 : index = 0;  
    } 
    }); 

DEMO with background color change, will also work for image change