Skip to content

Instantly share code, notes, and snippets.

@agragregra
Last active February 10, 2024 13:32
Show Gist options
  • Save agragregra/073ddeb27938d81e01e5 to your computer and use it in GitHub Desktop.
Save agragregra/073ddeb27938d81e01e5 to your computer and use it in GitHub Desktop.
#loader {
background: none repeat scroll 0 0 #ffffff;
bottom: 0;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 9999;
}
#loaderInner {
background-image: url("../img/load.gif");
background-repeat: no-repeat;
background-position: center center;
background-color: #fff;
height: 60px;
width: 60px;
margin-top: -30px;
margin-left: -30px;
left: 50%;
top: 50%;
position: absolute;
}
$(window).load(function() {
$("#loaderInner").fadeOut();
$("#loader").delay(400).fadeOut("slow");
});
@vovanx
Copy link

vovanx commented Feb 25, 2015

background-posirion -> background-posiTion

@agragregra
Copy link
Author

vovanx, спасибо!

@deGizon
Copy link

deGizon commented Mar 10, 2017

спасибо!

@stanjke
Copy link

stanjke commented Jul 1, 2017

Привет! Для урока № 2 по созданию лендинга у людей могут возникнуть проблемы с появлением прелодера. Я решил это добавлением строки background-size: cover в .loader_inner

@Sank-WoT
Copy link

Для версии Jquery> 2.1
$(window).on('load', function(){
$(".loaderInner").fadeOut();
$(".loader").delay(400).fadeOut("slow");
});

@dmitrade
Copy link

Благодарю, Человечище!

@DmitriBarannyk
Copy link

for jquery version 3.3.1
$(function() {
$(".loaderInner").fadeOut();
$(".loader").delay(400).fadeOut("slow");
});

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment