Question

如何连续循环切换这两个功能？此外，有没有办法可以使用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

如何链接2个setInterval函数以生成简单的背景图像滑块 - 连续滑动？

1 个答案: