2011-08-09 64 views
1

我有一個有兩個div的小頁面,點擊第一個div會彈出第二個div並隱藏第一個div,第二個div有三個gif文件,動畫會在第二個div放出時開始播放。點擊第二個div會彈出第一個div並隱藏第二個div。我想要的是,如果我再次回到第二格,動畫將再次播放,但在自動播放時不會,它只是第一次播放。爲什麼?看來在jQuery中,動畫只會在div加載時纔會播放,任何人都知道答案?非常感謝!爲什麼gif動畫僅在jQuery中播放一次?

+1

GIF設置的動畫效果如何?它會永久重複播放還是隻播放一次,如果將它放在網頁上而不是GIF以外的其他內容? – Codo

+0

您無法使用Javascript控制GIF文件的動畫。請看這篇文章:http://stackoverflow.com/questions/4286905/javascript-to-control-image-animation – evasilchenko

+0

我把gif圖像文件作爲一個div的背景,如果idv對用戶可見,我將使用$(#'divID')。play()播放動畫,它可以工作。但是我們離開了頁面,然後又回來了,gif不會播放,它顯示了最後一個階段的最後一個階段。 – ShawnWang

回答

2

GIF animiation不能被Javascript控制。據我所知,它應該開始時甚至是不明確的。大多數瀏覽器在圖像首次加載時啓動它。我從來沒有看到,當圖像隱藏後重新顯示時,瀏覽器會重新啓動動畫。 (如果是無盡的動畫,動畫會在某個隨機點繼續)

要達到預期的效果,您可以嘗試在搜索頁面上實現與Google相同的效果(當您登錄)。他們使用帶有多個幀的單個PNG(請參閱How to create the google plus one button effect using jquery?)和JavaScript來更改background-position CSS屬性以執行動畫。