Я использую Page Preloading Effect, чтобы моя домашняя страница загружалась. Мне нужно тренироваться, как обеспечить его выполнение только один раз при посадке на сайт. В настоящий момент каждый раз, когда посещается домашняя страница, он выполняет эффект предварительной загрузки. Предположительно, я могу использовать cookie, но я немного не уверен, с чего начать! Спасибо :)Page Preloading Effect - Загрузка и выполнение сразу
Ну, вы можете использовать jQuery для выполнения этой задачи. На странице HTML добавьте следующий код внутри тега body.
<div class="loader">
<h5 class="loaderH">Preparing. ...</h5>
</div>
Теперь ниже CSS для выше HTML-теги
.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('../../images/loaders/preloader.gif') 50% 50% no-repeat rgb(249,249,249);
}
.loaderH{
position: fixed;
left: 45vw;
top: 55vh;
}
И наконец пользователь JQuery для загрузки, прежде чем страница готова.
$(window).load(function() {
$(".loader").fadeOut("slow");
console.log('loaded');
})
Не забудьте изменить фон URL Src фон: URL ('../../ изображения/погрузчики/preloader.gif') 50% 50% нет- повторить RGB (249,249,249) ;
Для предварительной загрузки вы можете использовать следующее.
http://www.ajaxload.info/images/exemples/26.gif http://www.mandalayonlinestore.com/assets/img/loader.gif
Или просто Google прелоадер GIF
, Вы ищете Preloader, а анимация недо страница загружается полностью? –
Да, потому что у меня есть большое изображение, которое должно появиться, когда пользователь приходит на сайт. Я оптимизировал и уменьшил размер изображения настолько, насколько могу, но его все еще довольно большой, поэтому я подумал о перезагрузке анимации, пока это загружает, чтобы повысить удобство использования. – user3711619
попробуйте мое решение и не стесняйтесь спросить, застряли ли вы где-нибудь –