[英]Reload a gif image on a page load
我的网站有一个以gif图像为背景的div。
gif动画将在第一次加载时播放。 当页面刷新或从另一页面重定向到主页时,将没有动画。 每当登陆主页时我都必须播放gif图像。 我该如何重新加载动画? 请任何人提供解决方案。
使用java-script cookie作为标志变量来确定何时相应地加载动画.gif。
尝试使用此代码:
<style>
#page-loader {
position: fixed !important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background: #000 url('http://i.imgur.com/pKopwXp.gif') 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
更改为您的图片网址。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.