Preloader Does Not Fade Out Online
I've tried creating a preloader which worked perfectly in local machine. But, on hosting the content online, the preloader never fades out. Please help. Here are the essentials : C
Solution 1:
Here is code snippet with your code working. Make sure you are requesting the jquery over https if your site is secured, use HTTPS to reference jquery instead of HTTP, in this case
https://code.jquery.com/jquery-1.9.1.min.js
$(window).load(function() {
$("#status").fadeOut("slow");
$("#loader").delay(500).fadeOut();
});#loader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #0f2338;
z-index: 99;
height: 100%;
}
#status {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
background-image: url("https://www.google.ca/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png");
background-repeat: no-repeat;
background-position: center;
margin: -100px00 -100px;
}<scriptsrc="https://code.jquery.com/jquery-1.9.1.min.js"></script><body><divid="loader"><divid="status"></div></div>
Post a Comment for "Preloader Does Not Fade Out Online"