вопрос
Ребята, помогите пожалуйста решить проблему этакую:
У меня очень сложный шаблон, хочу сделать загрузку javascripts и css в конце файла main.tpl
Из-за того, что вначале у меня грузятся скрипты и css, страница очень долго загружается.
Собственно вопрос:
Как можно подключить скрипты и css после прогрузки файлов шаблона(картинки, анимации, код) ?
На данный момент шапка main.tpl выглядит так:
Спасибо большое !
У меня очень сложный шаблон, хочу сделать загрузку javascripts и css в конце файла main.tpl
Из-за того, что вначале у меня грузятся скрипты и css, страница очень долго загружается.
Собственно вопрос:
Как можно подключить скрипты и css после прогрузки файлов шаблона(картинки, анимации, код) ?
На данный момент шапка main.tpl выглядит так:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
{headers}
<meta name="robots" content="index,nofollow" />
</head>
<body class="pagebg">{AJAX}
<link media="screen" href="{THEME}/css/main.css" type="text/css" rel="stylesheet" />
<link media="screen" href="{THEME}/css/engine.css" type="text/css" rel="stylesheet" />
<link media="screen" href="{THEME}/css/jquery.tabs.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="{THEME}/js/sdvijenie.js"></script>
<script type="text/javascript" src="{THEME}/js/jquery.js"></script>
<script type="text/javascript" src="{THEME}/js/jquery.tabs.pack.js"></script>
<script type="text/javascript" src="{THEME}/js/tooltip.js"></script>
<script type="text/javascript" src="{THEME}/js/reiting.js"></script>
<script type="text/javascript" src="{THEME}/js/tabs.js"></script>
<script type="text/javascript" src="{THEME}/js/upSvK.js"></script>
<div id="loading-layer" style="display:none;font-family: Verdana;font-size: 11px;width:200px;height:50px;background:#FFF;padding:10px;text-align:center;border:1px solid #000"><div style="font-weight:bold" id="loading-layer-text"><font color="#CC0000">Загрузка.</font> <p> <font color="#CC0000">Пожалуйста, подождите...</font></div><br /><img src="/engine/ajax/loading.gif" tppabs="/engine/ajax/loading.gif" border="0" alt="" /></div>
<div id="busy_layer" style="visibility: hidden; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: gray; opacity: 0.1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10); "></div>
<script type="text/javascript" src="engine/classes/highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = '/engine/classes/highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.numberOfImagesToPreload = 0;
hs.showCredits = false;
hs.lang = {
loadingText : 'Загрузка...',
fullExpandTitle : 'Развернуть',
restoreTitle : 'Кликните для закрытия картинки',
focusTitle : 'Фокус',
loadingTitle : 'отмена'
};
</script>
<table width="100%">
<tr>
......
Спасибо большое !