2012-04-27 51 views
2

所以我對fadein/fadeout同步的解釋是,當第一個圖像開始淡出第二個圖像開始淡出,但在我的腳本中,我有約第二個空白空間下一張圖片開始淡化,這是由於這個原因。jquery循環同步沒有淡出內容淡出

 $(function(){ 
      $('#up').cycle({ 
       fx: 'fade', 
       sync: true, 
       delay: -2000 
      }); 
     }); 
+0

您對'sync'選項的解釋是正確的。這部分代碼看起來不錯,並沒有解釋空白。 jQuery和你的Cycle插件是什麼版本?這第二個空白空間是否僅在第一張幻燈片或每張幻燈片之後出現。 – pepkin88 2012-04-30 19:00:15

+0

http://jquery.malsup.com/cycle/int.html上的示例沒有顯示任何類似內容 - 您能否提供放置幻燈片HTML的位置的詳細信息? – Armatus 2012-04-30 19:47:32

回答

0

我不完全確定問題是什麼。 sync應該做你說的那樣。此外,你根本不需要sync: true,因爲這是默認設置。如果可能,請張貼jsfiddle。

但首先嚐試設置fx: 'fadeout'。請參閱:

http://jquery.malsup.com/cycle/fadeout.html

https://github.com/malsup/cycle/commit/f769b0fabe925b6cf8b4b5197b8c868ceb0c9261

這淡出「頂」圖像下方顯示在所有情況下,「自下而上」的形象,讓從未有任何的你」重新稱爲「空白空間」。 (Alsup是一個超級英雄和所有人,但必須說的是,各種fx設置在文檔中沒有很好的解釋。)要理解的是,腳本是用一個線程動畫兩個元素(通常是圖像)。因此,例如,如果您使用默認的fx設置(即fade),並且您在白色背景上有兩個黑色圖像,則會在每個幻燈片切換的中點看到背景的刺激透視圖。 (就我個人而言,我在日常使用中使用「fadeout」,恕我直言,它應該是fx的默認設置。)

最後,瞭解delay隻影響第一次轉換的時間。它對隨後的轉換沒有影響。