Показать сообщение отдельно
  #2 (permalink)  
Старый 07.09.2012, 14:45
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

<style>
#div img {
	display: block;
}

</style>

<div id='div'></div>
<div style="height: 50%"></div>

<script>
window.onload = function () {
	var images = [
		'http://javascript.ru/forum/image.php?u=19820&dateline=1334914235',
		'http://javascript.ru/forum/images/ca_serenity/misc/logo.gif',
		'http://javascript.ru/forum/image.php?u=19820&dateline=1334914235',
		'http://javascript.ru/forum/images/ca_serenity/misc/logo.gif',
		'http://javascript.ru/forum/image.php?u=19820&dateline=1334914235',
		'http://javascript.ru/forum/images/ca_serenity/misc/logo.gif',
		'http://javascript.ru/forum/image.php?u=19820&dateline=1334914235',
		'http://javascript.ru/forum/images/ca_serenity/misc/logo.gif',
		'http://javascript.ru/forum/image.php?u=19820&dateline=1334914235',
		'http://javascript.ru/forum/images/ca_serenity/misc/logo.gif',
		'http://javascript.ru/forum/image.php?u=19820&dateline=1334914235',
		'http://javascript.ru/forum/images/ca_serenity/misc/logo.gif',
		'http://javascript.ru/forum/image.php?u=19820&dateline=1334914235',
		'http://javascript.ru/forum/images/ca_serenity/misc/logo.gif',
		'http://javascript.ru/forum/image.php?u=19820&dateline=1334914235',
		'http://javascript.ru/forum/images/ca_serenity/misc/logo.gif',
		'http://javascript.ru/forum/image.php?u=19820&dateline=1334914235',
		'http://javascript.ru/forum/images/ca_serenity/misc/logo.gif',
		'http://javascript.ru/forum/image.php?u=19820&dateline=1334914235',
		'http://javascript.ru/forum/images/ca_serenity/misc/logo.gif',
	];
	var len = images.length;
	var div = document.getElementById('div');
	var img;
	var n = 0;
	
	function createImage() {
		while (div.getBoundingClientRect().bottom < 200 && n < len) {
			img = document.createElement('img');
			img.setAttribute('src', images[n]);
			div.appendChild(img);
			n++;
		}
	}
	
	createImage();
	
	window.onscroll = function () {
		createImage();
	}
	
}
</script>
Ответить с цитированием