|
Как отложить синтаксический анализ javascript?
Здравствуйте.
Помогите решить проблему. Требуется отложить загрузку javascript.. Допустим, у меня 7 файлов javascript, загружаемых последовательно, требуется эти файлы загрузить после того, как загрузиться страница, или же, через указанное мною время, очень надо! СПАСИБО ЗАРАНЕЕ!! |
Цитата:
то так
$(window).load(function () {
$.getScript("test1.js")
$.getScript("test2.js")
$.getScript("test3.js")
$.getScript("test4.js")
$.getScript("test5.js")
$.getScript("test6.js")
$.getScript("test7.js")
});
Есть еще Гугол API - таким жа макаром грузит |
почти то, скрипты загружает, но перестаёт работать слайдер, и некоторые другие скрипты.
первым подключаю jquery библиотеку, потом всё остальное через данный скрипт.. |
Помогите, перестаю работать работать скрипты, слайдера
|
Ingiborn,
В Конец страницы
<script type="text/javascript">
Link=[];
Link[0]='test1.js';
Link[1]='test2.js';
Link[2]='test3.js';
for(var i=0; i<Link.lehgth; i++) {
var js = document.createElement('script');
js.setAttribute('src',Link[i]);
alert(js.getAttribute('src'))
document.body.appendChild(js)
}
</script>
|
Щас испытаем, спасибо!
|
Цитата:
|
<script type="text/javascript">
Link=[];
Link[0]='test1.js';
Link[1]='test2.js';
Link[2]='test3.js';
for(var i=0; i<Link.lehgth; i++)
var js = document.createElement('script');
js.setAttribute('src',Link[i]);
alert(js.getAttribute('src'))
document.body.appendChild(js)
}
</script>
Говорит синтаксическая ошибка } вот этого последнего символа. |
Цитата:
|
очевидна, так укажите где она, а где и что мне делать я и сам разберусь.
|
начала функции нету, исправялеться
$({ так? |
Ingiborn,
<script type="text/javascript">
Link=[];
Link[0]='test1.js';
Link[1]='test2.js';
Link[2]='test3.js';
for(var i=0; i<Link.lehgth; i++) {
var js = document.createElement('script');
js.setAttribute('src',Link[i]);
alert(js.getAttribute('src'))
document.body.appendChild(js)
}
</script>
|
Спасибо Дефф.
Жду в личке. |
всё равно не работает=(
ошибок больше нету, но скрипты не работают. |
Цитата:
|
разобрался, спасибо Deff огромное..
ну и vadim5june за стоящий коментарий=) всё ещё жду deff в личку... |
А отложить загрузку изображений можно?
чтобы изображения загружались после того, как будет загружен html код со стилями? |
Цитата:
только там морок дохрена, :
<img src="/image.jpg">
<!-- превращается в ====>>>> -->
<img img-data="/image.jpg">
<noscript>
<img src="/image.jpg">
</noscript>
как станет нужно (проскроллили, навели мышь, загрузили страницу со стилями ... ), записываем в src значение атрибута data-img.
window.onload = function () {
for (var i = 0, imgs = document.images; i < imgs.length; i += 1) {
if (imgs[i].src === "" && imgs[i].getAttribute("data-img")) {
imgs[i].src = imgs[i].getAttribute("data-img");
}
}
};
по-моему, так это делается. |
Спасибо!
Я знаю есть плагин lazyload, для jq, он у меня тоже стоит, но там другой принцип, думаю понимаете. Щас попробую, может что выйдет. |
неа, не подходит.
изображения всё равно загружаются раньше чем стили. |
Цитата:
Их можно скрыть просто до загрузки стиля - стиль тестировать по таймеру |
Обьясняю.
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/css/style.css" />->Внутри данного стиля
html {background:url(fon.jpg)} }
</head>
<body>
<img src="image.jpg" />
</body>
</html>
Так вот надо, чтобы сначала загрузились стиль, и изображение в этом стиле (css) а потом уже изображения из html кода в тегах img |
Дефф, и напишите наконец мне в личку, я вас отблагодарить хочу=)
|
Ingiborn,
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/css/style.css" onload="visibl_IMG()"/>->Внутри данного стиля
html {background:url(fon.jpg)} }
<style id="HideImg" type="text/css">
body img {
visibility:hidden;
}
</style>
<script type="text/javascript">
function visibl_IMG() {
document.getElementById('HideImg').innerHTML='';
}
</script>
</head>
<body>
<img src="image.jpg" />
</body>
</html>
|
всё равно загружается первыми изображения из тега img, а не из css
|
Ingiborn,
Ксать - думаю - что у Вас fon.jpg - не оптимизирован, поэтому и долгая загрузка - киньте ссылку - может чо поправлю |
смотрю по farebug, по сети загрузки.
|
нее, я оптимизировал
|
с помощью YUO Smuhit
|
Ingiborn,
Дали б ссылку на страницу - мне нужен элемент с подгружаемой Вашей картинкой из стиля если тупо - то так:
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/css/style.css" onload="visibl_IMG()"/>->Внутри данного стиля
html {background:url(fon.jpg)} }
<style id="HideImg" type="text/css">
body img {
visibility:hidden;
}
</style>
<script type="text/javascript">
function visibl_IMG() {
setTimeout("document.getElementById('HideImg').innerHTML=''",4000);
}
</script>
</head>
<body>
<img src="image.jpg" />
</body>
</html>
|
ещё хотел спросить..
у меня есть слайдер, структура такая <ul> <li><img src="image-1.jpg"></li> <li><img src="image-2.jpg"></li> <li><img src="image-3.jpg"></li> </ul> Между показами слайдов есть пауза в 10 секунд, на загрузку страницы тратиться около трёх секунд, как сделать, чтобы изображения image-2.jpg загружалось через 5 секунд после загрузки страниц, а image-3.jpg через 10, тем самым увеличить скорость первоначальной загрузки страницы. |
Такую же структуру можно использовать и для этого слайдера?
через settimeout, но привязать к каждому изображению идентификатор? |
Ingiborn,
Вряд ли, - нужно код смотреть и оценить наверно больше пользы - нежели вслепую |
visibl_IMG is not defined отвечает консоль firebug
|
Цитата:
<!DOCTYPE HTML>
<html>
<head>
<style id="HideImg" type="text/css">
body img {
visibility:hidden;
}
</style>
<script type="text/javascript">
function visibl_IMG() {
setTimeout("document.getElementById('HideImg').innerHTML=''",4000);
}
</script>
<link rel="stylesheet" type="text/css" href="/css/style.css" onload="visibl_IMG()"/>->Внутри данного стиля
html {background:url(fon.jpg)} }
</head>
<body>
<img src="image.jpg" />
</body>
</html>
|
Ingiborn,
Скажите -сколько весит у вас в байтах fon.jpg - если более 400кБ - киньте в личку ссылку(я так понял дело чисто в нём ? (наиболее долгая загрузка |
c fon.jpg я пример привёл.
весит он у меня 40px40, порядка 10кб |
у меня на странице много слайдшоу, аж 3 штуки, по 4-5 картинок 100кб, в общем прилично выходит, поэтому и хочу чтобы сразу стили загружались, а потом уже картинки
|
ошибка перестала конфликтовать, но изображения всё равно загружаются на в том порядке.
|
Ingiborn,
Чтобы оценить что у Вас так долго грузится нужно взглянуть на сайт Есть такой сервиз анализа загрузки http://site-perf.com/ Втавляем URL - Выбираем Test-point (первый попавшийся - жмём GO , где URL |
| Часовой пояс GMT +3, время: 12:33. |
|