のjQueryにスイッチ背景画像機能にフェードイン（）効果ハンドラを追加

Question

<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/

どこ私はこのコードで間違っているんですか？この上の任意のヘルプは、サイクルのようなプラグインを使用する方が簡単かもしれません最も有用

Answer 1

私はついに解決策を得ました。 OPへのコメントから幾分取られました。私はflexsliderと呼ばれるプラグインを使用し、それをマスクとして使用しました。実装する方法のサンプルコードは次のとおりです。

http://www.designobvio.us/flex

Answer 2

だろう

：http://jquery.malsup.com/cycle/ 「scrollRight」効果をチェックしてください。