This commit is contained in:
Anna Sudnitsina 2018-03-27 21:35:37 +03:00
parent abebfde244
commit 36d7eeb447
2 changed files with 14 additions and 2 deletions

View File

@ -11,7 +11,9 @@
<script> <script>
// resizer(); // resizer();
// $(function() {resizer(); }) // $(function() {resizer(); })
$(window).load(function() {resizer(); $('#page-preloader').delay(350).fadeOut('slow');}) $(window).load(function() {resizer();
$('.spinner').fadeOut();
$('#page-preloader').delay(350).fadeOut('slow');})
// $(window).on("load", function() {resizer(); }); // $(window).on("load", function() {resizer(); });
$(window).resize(function() { resizer(); }) $(window).resize(function() { resizer(); })

View File

@ -92,6 +92,15 @@
background: #000; background: #000;
z-index: 100500; z-index: 100500;
} }
#page-preloader .spinner {
width: 32px;
height: 32px;
position: absolute;
left: 50%;
top: 50%;
background: url('https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif') no-repeat 50% 50%;
margin: -16px 0 0 -16px;
}
@media screen and (max-width: 450px) { @media screen and (max-width: 450px) {
@ -101,7 +110,7 @@
</style> </style>
</head> </head>
<body> <body>
<div id="page-preloader"><span class="spinner"></span></div>
<div class='header'> <a href="{% url 'all_posts' %}" class='logo'>LOGO </a> <div class='header'> <a href="{% url 'all_posts' %}" class='logo'>LOGO </a>
<a href="{% url 'image_new' %}" class='right-menu'>new image</a> <a href="{% url 'image_new' %}" class='right-menu'>new image</a>
<a href="{% url 'all_posts' %}" class='right-menu'>all images</a> <a href="{% url 'all_posts' %}" class='right-menu'>all images</a>
@ -113,6 +122,7 @@
</ul> </ul>
</ul> </ul>
</div> </div>
<div id="page-preloader"><span class="spinner"></span></div>
{% block content %} {% block content %}
{% endblock%} {% endblock%}
</body> </body>