2015-02-23 29 views
0

我的網站有一個GIF圖像div作爲背景。刷新加載頁面上的gif圖像

gif動畫將在第一次加載時播放。當頁面刷新或從另一個頁面重定向到主頁時,將不會有動畫。我必須在主頁上登陸時播放gif圖像。我如何重新加載動畫?請任何人提供解決方案。

+0

檢查以下鏈接可能對你有用。 http://stackoverflow.com/questions/11455788/gif-animation-not-playing-on-refresh – user3497965 2015-02-23 06:35:39

+0

我已經使用圖像作爲背景 – user2478478 2015-02-23 06:52:16

+0

發佈您的代碼。 – Rasel 2015-02-23 06:56:54

回答

0

使用java-script cookies作爲標誌變量來確定何時相應地加載動畫.gif。

0

嘗試使用此代碼

<style> 
#page-loader { 
     position: fixed!important; 
     top: 0; 
     right: 0; 
     bottom: 0; 
     left: 0; 
     z-index: 9999; 
     background:#000 url(&#39;http://i.imgur.com/pKopwXp.gif&#39;) no-repeat 50% 30%; 
     color: #FFF; 
     display: none; 
     font: 0/0 a; 
     text-shadow: none; 
     padding: 1em 1.2em; 
} 
</style> 
<script type='text/javascript'> 
//<![CDATA[ 
$(document.body).append('<div id="page-loader">Loading...</div>'); 
$(window).on("beforeunload", function() { 
    $('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000); 
}); 
//]]> 
</script> 

變化http://i.imgur.com/pKopwXp.gif到圖像網址