在页面加载时重新加载gif图像

Reload a gif image on a page load

本文关键字：加载 gif 图像 新加载      更新时间：2024-04-18

我的网站有一个以gif图像为背景的div。

gif动画将在第一次加载时播放。当页面刷新或从另一个页面重定向到主页时，将不会有动画。每当登录主页时，我都必须播放gif图片。如何重新加载动画？请任何人提供解决方案。

使用java脚本cookie作为标志变量来确定何时相应地加载animation.gif。

尝试使用以下代码：

<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更改为您的图像URL。

相关文章：