我有一個有兩個div的小頁面,點擊第一個div會彈出第二個div並隱藏第一個div,第二個div有三個gif文件,動畫會在第二個div放出時開始播放。點擊第二個div會彈出第一個div並隱藏第二個div。我想要的是,如果我再次回到第二格,動畫將再次播放,但在自動播放時不會,它只是第一次播放。爲什麼?看來在jQuery中,動畫只會在div加載時纔會播放,任何人都知道答案?非常感謝!爲什麼gif動畫僅在jQuery中播放一次?
1
A
回答
2
GIF animiation不能被Javascript控制。據我所知,它應該開始時甚至是不明確的。大多數瀏覽器在圖像首次加載時啓動它。我從來沒有看到,當圖像隱藏後重新顯示時,瀏覽器會重新啓動動畫。 (如果是無盡的動畫,動畫會在某個隨機點繼續)
要達到預期的效果,您可以嘗試在搜索頁面上實現與Google相同的效果(當您登錄)。他們使用帶有多個幀的單個PNG(請參閱How to create the google plus one button effect using jquery?)和JavaScript來更改background-position
CSS屬性以執行動畫。
0
你可以用jQuery和它很容易控制你的動畫中使用。
相關問題
- 1. 如何創建僅播放一次的gif動畫
- 2. 用tkinter在python中播放GIF動畫
- 3. 將動畫GIF作爲動畫播放僅顯示畫布背景
- 4. JS/jQuery - 僅在懸停時播放GIF
- 5. 播放GIF「onmouseover」,但只播放一次
- 6. Android-從文件中播放GIF動畫
- 7. mplayer在全屏播放gif動畫?
- 8. 使用libgdx播放動畫gif
- 9. onclick播放動畫圖像(GIF)
- 10. 爲什麼我的動畫在第一次播放時不順暢?
- 11. @keyframes動畫首次播放
- 12. 在動態x,y中播放.gif動畫 - Android
- 13. jQuery GIF動畫
- 14. 爲什麼這個gif沒有動畫?
- 15. 我如何只播放動畫一次?
- 16. 只點擊一次播放動畫
- 17. 束縛播放動畫不止一次
- 18. 可可觸摸 - 一次播放動畫
- 19. 僅在mouseover上播放Spritely動畫
- 20. 僅動畫一次
- 21. 如何在android中從url中播放動畫GIF圖像?
- 22. 我有兩個3dtext,一個播放動畫,另一個播放動畫。一旦離開後,動畫將無法播放,爲什麼?
- 23. GIF動畫在JFrame中播放速度極快
- 24. 在winform中播放和暫停.GIF動畫
- 25. 我可以在ActionScript中使GIF動畫幀更快播放嗎?
- 26. GIF動畫不在HTML5下瀏覽器中播放
- 27. 在圖像視圖中播放動畫GIF圖像文件
- 28. jQuery動畫未播放
- 29. 只有一次播放基於jQuery的動畫介紹
- 30. 設置Cookie只播放動畫一次(jQuery)
GIF設置的動畫效果如何?它會永久重複播放還是隻播放一次,如果將它放在網頁上而不是GIF以外的其他內容? – Codo
您無法使用Javascript控制GIF文件的動畫。請看這篇文章:http://stackoverflow.com/questions/4286905/javascript-to-control-image-animation – evasilchenko
我把gif圖像文件作爲一個div的背景,如果idv對用戶可見,我將使用$(#'divID')。play()播放動畫,它可以工作。但是我們離開了頁面,然後又回來了,gif不會播放,它顯示了最後一個階段的最後一個階段。 – ShawnWang