Аа...) Дошло до меня почему так
<img id='img' src=''><input type='button' onclick='show()'>
<script>
function show() {
document.getElementById('img').src = 'http://javascript.ru/forum/images/ca_serenity/misc/logo.gif'
}
</script>
При загрузке страницы у вас так получается(то есть src у картинки нет, поэтому то браузеры так и отображают ее) А когда вы начинаете использовать скрипт то присваиваете то или иное значение к src, и картинка соответственно появляется. Решение: присвойте значение к картинке сразу, или сделайте ей style='display:none'. А в скрипте допишите: document.getElementById(pictureID).style.display = 'block'. Тогда у вас картинка будет не видна, но при выполнении скрипта появится.
<img id='img' style='display:none' src=''><input type='button' onclick='show()'>
<script>
function show() {
document.getElementById('img').src = 'http://javascript.ru/forum/images/ca_serenity/misc/logo.gif'
document.getElementById('img').style.display = 'block'
}
</script>