将fadein()效果处理程序添加到Jquery中的switch background-image函数

时间:2012-05-07 19:55:36

标签: jquery

<script  type="text/javascript">

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


var index = 0,
   imgs = ['bg2.jpg', 'scrib.jpg'];
function spinna(){

      console.log(imgs[index]);
      $('#header_bg').fadeIn('slow',function(){
      $('#header_bg').css({   
        'background-image' : 'url(' + '<?php echo get_template_directory_uri(); ?>/library/images/'+ imgs[index] +'' + ')'            
      });  
   });          
    index == 0 ? index = 1 : index = 0;       
 }   
});

直播代码 http://gmcfosho.com/

我在这个代码中哪里出错了?

对此有任何帮助将是最有帮助的

2 个答案:

答案 0 :(得分:1)

使用像Cycle这样的插件可能更容易:http://jquery.malsup.com/cycle/ 看看“scrollRight”效果。

答案 1 :(得分:0)

我终于得到了解决方案。从对OP的评论中略微提出。我使用了一个名为flexslider的插件并将其用作掩码。以下是有关如何实施的示例代码。

http://www.designobvio.us/flex