JQuery와에 스위치 배경 이미지 기능 fadein() 효과 핸들러를 추가

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"효과.