2012-10-21 94 views
-1

我有一段代碼在這裏,它的工作原理,但不知道爲什麼我的fadein和fadeout不適用於身體, 如果你認爲我的問題,請讓我知道謝謝問題與jquery fadein

<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> 
+0

'$(「身體」)ATTR(「風格」,「背景:#000網址( (「images/bg.jpg)top center no-repeat;」)。fadeIn(「slow」);' - should be - '$(「body」)。css(「background」,「url(images/bg.jpg) no-repeat center top#000「)。fadeIn(」slow「);' – Reflective

+0

嘿,感謝您的回覆仍然無法正常工作。 – mmz

回答

0

雖然它可以解決您的任務與身體背景。我會改爲使用addClass和removeClass。您正在操作也顯示/隱藏的樣式屬性使用它。

我沒有辦法對它進行測試,但如果你切換變淡顯示()和隱藏(會發生什麼),只是爲了確定是否延遲是一個因素.. :)

+0

如果你不確定,那麼你可以發表評論來澄清 – Alexander

0

它我來的事實「lastSlide」變量可以存儲多個對象(來自img的對象和來自可見鏈接的對象)。

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

這使比較有點竅門,可能會造成錯誤。

再加上你用最糟糕的方式來塑造你的身體。正如其他人所說,使用class或.css jQuery函數(http://api.jquery.com/css/)。

希望這有助於身體

0

淡入淡出和工作,絕對。 反光說,它應該是 $("body").css("background","#000 url(images/bg.jpg) top center no-repeat;").fadeOut("slow") 如果仍然無法正常工作,你可能應該看看你的nivoSlider功能