Отложенная загрузка элементов страницы

victim
На сайте с 12.02.2006
Offline
189
1590

Добрый день, друзья.

Решил тут подколдовать над своими проектами, заинтересовался вопросом отложенной загрузки кусков html-кода страницы.

На пальцах. Есть, например, банер (или несколько) в шапке сайта. Обычный gif-файл (пусть он весит 5мб:crazy:). Следуя обычной логике кода страницы

<body>

...

<a href="..."><img src="baner.gif"></a>

...

<h1>...заголовок...</h1>

<p>...контент... </p>

...

</body>

Так вот пока не прогрузится картинка, контент страницы мы не увидим.

Хочется структуру:

<body>

...

<div id="baner"></div>

...

<h1>...заголовок...</h1>

<p>...контент... </p>

...

*Что-то содержащее <a href="..."><img src="baner.gif"></a> предназначенное для вывода в <div id="baner"></div>*

</body>

Вопрос - как должно выглядеть это "что-то"???

Надеюсь, пример на пальцах доступен для понимания. И я очень надеюсь на вашу помощь.

PS Поисковики покурил на предмет отложенной загрузки, но что-то там замута такая, что я задумался, а то ли это вообще что мне надо.

CheckTrust.Ru (https://checktrust.ru/) - новый сервис для проверки ТРАСТа и заСПАМленности сайтов.
AlikZP
На сайте с 22.11.2009
Offline
107
#1

Я бы поспорил на счет

пока не прогрузится картинка, контент страницы мы не увидим.

но не о том речь.

Попробуйте в конец документа вставить

<script type="text/javascript">

document.write('<a href="..."><img src="baner.gif"></a> предназначенное для вывода в <div id="baner"></div>');

</script>

Website CMS: быстрая, удобная, недорогая! Вечная лицензия за 45$ (/ru/forum/524503) Яся - быстрый поиск фото для товаров. OpenCart/ocStore. Дополнение. (/ru/forum/665287) Грамотная верстка ваших макетов (/ru/forum/comment/8853216)
victim
На сайте с 12.02.2006
Offline
189
#2
AlikZP:
Попробуйте в конец документа вставить
<script type="text/javascript">
document.write('<a href="..."><img src="baner.gif"></a> предназначенное для вывода в <div id="baner"></div>');
</script>

Спасибо, примерно об этом я и думал, интересовал вопрос реализации. Прямо сейчас и потестим!!!

victim
На сайте с 12.02.2006
Offline
189
#3
AlikZP:
<script type="text/javascript">
document.write('<a href="..."><img src="baner.gif"></a> предназначенное для вывода в <div id="baner"></div>');
</script>

Кстати, потестить не успел, но только обратил внимание, что в указанном примере нет привязки к id :(

Как это реализовывается?

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий