2012-05-18 72 views
0

我有很多div與圖像(瓷磚),我想在網站打開時一個接一個地出現。 jQuery的週期插件通過使用支持此:jQuery Cycle插件「放大」而不是淡入淡出

$('#slideshow img:first').fadeIn(1000, function() { 
    $('#slideshow').cycle(); 
}); 

這工作得很好,不過,我想在這個動畫一些調整,我不能讓自己,因爲我根本不知道有足夠的瞭解jQuery和JS一般。我嘗試了粗心,但一切努力都失敗了。

什麼,我想的是:

  • 圖像需要逐一出現。就我所知,這個插件沒有「暫停」選項。有沒有一個選項,以便我可以在開始之前將動畫保持幾毫秒?

  • 上面的代碼淡入一個圖像,但我希望它放大/淡入。所以它看起來像瓷磚彈出。

在此先感謝!

回答

0

更新

您可以使用jQuery的延遲,以實現這一目標:

$('#slideshow').cycle({fx:'fadeZoom'}).pause().delay(5000).resume();

原來的答案

的插件有所有你似乎描述的選項:

僅供參考:http://jquery.malsup.com/cycle/options.html

$('#slideshow').cycle({fx: 'fadeZoom', delay: 1000});是你想要的。 fx定義了動畫,延遲會延遲循環的開始。

這裏是所有的動畫列表:http://jquery.malsup.com/cycle/browser.html

+0

我來到這個就很好,但問題是,「延遲」是第一個圖像上被忽略。所以圖像從開始就像一個靜態圖像。我希望它在網站加載時顯示。 – mat

+0

http://jsfiddle.net/lucuma/HsWrC/3/例子。 – lucuma

+0

我感謝你的幫助,並且喜歡你在這裏做的,但我只想放大一張圖片。在您發送的小提琴中,您發佈了一張以圖像開頭的幻燈片。我想從一個空白空間開始,並用圖像「放大」。所以瓷磚移動到位。 – mat