pre loadeing image in blogger
1 ]]> </b:skin> after
<style>
#content{display:none;}
#content img{width:50%;}
#loader{
position: fixed;
width: 100%;
height: 100vh;
background: #fff
url('https://shorturl.at/dkxP8')
no-repeat center center;
z-index: 99999;
}
</style>
<head>
2 </head> after
<div id='loader'>
</div>
3 </body> before
<script>
window.onload=function(){
document.getElementById('loader').style.display="none";
document.getElementById('content').style.display="block";
};
</script>
No comments: