Форум

Deff · #21 (**permalink**) 09.08.2012, 18:52

Сообщение от Ingiborn

изображения всё равно загружаются раньше чем стили.

И к чему это приводит ? Есть ли обёртка вокруг данных изо ? ( элемент с id
Их можно скрыть просто до загрузки стиля - стиль тестировать по таймеру

Ingiborn · #22 (**permalink**) 09.08.2012, 19:16

Обьясняю.

<!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 · #23 (**permalink**) 09.08.2012, 19:20

Дефф, и напишите наконец мне в личку, я вас отблагодарить хочу=)

Deff · #24 (**permalink**) 09.08.2012, 19:26

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>

Ingiborn · #25 (**permalink**) 09.08.2012, 19:39

всё равно загружается первыми изображения из тега img, а не из css

Deff · #26 (**permalink**) 09.08.2012, 19:40

Ingiborn,
Ксать - думаю - что у Вас fon.jpg - не оптимизирован, поэтому и долгая загрузка - киньте ссылку - может чо поправлю

Ingiborn · #27 (**permalink**) 09.08.2012, 19:40

смотрю по farebug, по сети загрузки.

Ingiborn · #28 (**permalink**) 09.08.2012, 19:40

нее, я оптимизировал

Ingiborn · #29 (**permalink**) 09.08.2012, 19:41

с помощью YUO Smuhit

Deff · #30 (**permalink**) 09.08.2012, 19:43

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>

Форум

Справочник

Discord чат

Курсы javascript