<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>