Не включается прелоадер.
<script src="/js/scripts.js"></script>
<script>
$(document).ready(function() {
appMaster.preLoader();
});
</script>
</head>
<body>
<div class="pre-loader">
<div class="load-con">
<img src="img/logo.png" class="animated fadeInDown" alt="">
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
</div>
</div>
<header>
.pre-loader {
position: fixed;
width: 100%;
height: 100%;
z-index: 9999999;
display: none;
}
.pre-loader .load-con {
margin: 20% auto;
position: relative;
text-align: center;
}
.spinner {
margin: 50px auto 0;
width: 70px;
text-align: center;
}
.spinner > div {
width: 18px;
height: 18px;
background-color: #ffffff;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1);
}
}
@keyframes bouncedelay {
0%,
80%,
100% {
transform: scale(0);
-webkit-transform: scale(0);
}
40% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
var appMaster = {
preLoader: function(){
imageSources = []
$('img').each(function() {
var sources = $(this).attr('src');
imageSources.push(sources);
});
if($(imageSources).load()){
$('.pre-loader').fadeOut('slow');
}
},
