jquery fadein 문제

Question

코드가 작동하지만 확실하지 않은 이유는 무엇입니까? 내 문제가 무엇인지 생각하면 감사하겠습니다.

<script type="text/javascript"> 
$(window).load(function() { 
    var lastSlide = ""; 
    $('#slider').nivoSlider({ 
     effect: 'random', 
     directionNavHide : true, 
     slices : 15, 
     animSpeed : 500, 
     pauseTime : 6000, 
     controlNav : false, 
     pauseOnHover : true, 
     directionNav:true, //Next & Prev 
     directionNavHide:true, //Only show on hover 
     beforeChange: function(){ 
      if(lastSlide == "images/header_used.jpg") { //use the bg image of the slide that comes before the newslide 
       $("body").attr("style","background: #000 url(images/bg.jpg) top center no-repeat;").fadeIn("slow"); 
      } else { 
       $("body").attr("style","background: #ADADAD url(images/bgnd_grad.jpg) repeat-x;").fadeOut("slow"); 
      } 
     }, 
     afterChange: function() { 
      t = $(this).children("a:visible"); 
      lastSlide = $("img", t).attr("src"); 
     } 
    }); 
}); 
</script> 

Answer 1

신체 배경으로 임무를 해결할 수도 있지만. 대신에 addClass와 removeClass를 사용했을 것입니다. 표시/숨기기도 사용하는 스타일 속성을 조작하고 있습니다.

단지 지연 요인이 있는지 확인하기 위해) 나는 그것을 테스트하는 방법이 없습니다하지만 당신은 등) (숨기기 (보여주기 위해 페이드를 전환하면 어떻게됩니까 .. :)

Answer 2

그것은 나의 사실에 의해 올 그 "lastSlide"변수는 여러 객체 (img의 객체와 보이는 링크의 객체)를 저장할 수 있습니다.

t = $(this).children("a:visible"); 
lastSlide = $("img", t).attr("src"); //could store multiple source. 

이렇게하면 약간의 번거롭고 버그가 발생할 수 있습니다.

당신의 몸을 스타일링하는 데 최악의 방법을 사용한다는 사실에 더하여. 다른 말처럼 클래스 또는 .css jQuery 함수 (http://api.jquery.com/css/)를 사용하십시오.

희망이 도움이 절대적으로 몸에

Answer 3

fadein 및 페이드 아웃 작업. . 반사 말했다 으로 여전히 작동하지 않는 경우, 그것은 $("body").css("background","#000 url(images/bg.jpg) top center no-repeat;").fadeOut("slow") 을해야합니다, 당신은 "당신의 nivoSlider 기능