2013-06-19 2 views
1

Я строю страницу из шаблона, купленного на Themeforest, называется: Truestory. Мне было интересно, есть ли способ устранить/отключить функцию загрузки страницы (анимации)?исключить/отключить функцию загрузки страницы (анимации)?

http://themeforest.net/item/truestory-fullscreen-html5-template/3902394

здесь код styles.css, что мне нужно изменить/добавить?

Вот что, я думаю, нужно отредактировать правильно? Именно из styles.css

/*-------------------------------------------------------------------------------------*/ 
/* PRELOADER 
/*-------------------------------------------------------------------------------------*/ 

#preloader{ 
position: fixed; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
z-index: 1; 
} 

.active-dock #preloader{ 
margin-top: -65px; /* dock.height/2 */ 
} 

#preloader > span{ 
position: absolute; 
top: 50%; 
left: 50%; 
display: block; 
width: 80px; 
height: 80px; 
margin-top: -40px; 
margin-left: -40px; 
z-index: 1; 
background: url(../images/loading_small.gif) no-repeat center 15px #000; 
-moz-border-radius: 99px; 
-webkit-border-radius: 99px; 
border-radius: 99px; 
} 

#preloader > span > span{ 
display: block; 
margin-top: 40px; 
font: normal normal 14px/30px 'Open Sans Condensed Bold', Arial, sans-serif; 
text-align: center; 
text-transform: uppercase; 
color: #fff; 
} 

#preloader.landing > span{ 
background-position: center center; 
} 

#preloader.landing > span > span{ 
text-indent: -9999px; 
} 
+2

Добро пожаловать в StackOverflow! Если у вас есть вопрос о продукте с закрытым исходным кодом, рассмотрите вопрос об официальной документации. Если у вас есть доступ к коду, разместите соответствующие фрагменты в своем вопросе, чтобы мы могли предоставить конкретные ответы, касающиеся этого кода. Для получения дополнительной информации см. [Что-то на моем веб-сайте или проекте не работает. Могу ли я просто вставить ссылку на него?] (Http://meta.stackexchange.com/questions/125997/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste -a-link-to-it) –

+0

Вы можете скрыть элемент с помощью CSS stlye: 'display: none'. – Alvaro

+0

Вот что мне кажется нужным отредактировать правильно? просмотреть добавленный код выше –

ответ

0

Если вы хотите, чтобы скрыть загрузки анимации, вы можете изменить CSS, чтобы скрыть этот элемент:

#preloader{ 
    display: none; 
    ... 

Вы можете также рассмотреть вопрос о снятии кода, который создает preloader div в первую очередь. Это может быть функция Javascript, или это может быть простой HTML в шаблоне.

Как упоминалось в комментариях Колкин, обычно рекомендуется уведомить пользователя о длительной операции. Анимация загрузки - хороший способ сделать это. Вы также можете рассмотреть возможность повышения скорости работы путем оптимизации кода или перехода на более быстрый хост.