Javascript-форум - При загрузке страницы не отображается картинка

Javascript-форум (https://javascript.ru/forum/)

- Opera, Safari и др. (https://javascript.ru/forum/css-html-browser/)

- - При загрузке страницы не отображается картинка (https://javascript.ru/forum/css-html-browser/24562-pri-zagruzke-stranicy-ne-otobrazhaetsya-kartinka.html)

При загрузке страницы не отображается картинка

Написал скрипт смены изображений при наведении и клике, но при первоначальной загрузке картинки нет только если навести или кликнуть.
(я нуб:-? )

Скрипт напишите сюда

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title></title>
<script>

var i=0;
var imgarr=new Array();
imgarr[0]="/images/1stiker0dg.png";
imgarr[1]="/images/2stiker-5dg.png";
imgarr[2]="/images/3stiker4dg.png";
imgarr[3]="/images/4stiker-2dg.png";
imgarr[4]="/images/5stiker2dg.png";
var imgarrug=new Array();
imgarrug[0]="/images/1stiker0dgug.png";
imgarrug[1]="/images/2stiker-5dgug.png";
imgarrug[2]="/images/3stiker4dgug.png";
imgarrug[3]="/images/4stiker-2dgug.png";
imgarrug[4]="/images/5stiker2dgug.png";

function changesticker()
{
if (i>imgarr.length-2)
{ i=0 }
i++
document.getElementById("sticker").src=imgarr[i];
}
function stickerug()
{
if (i>imgarr.length-1)
{ i=0}
document.getElementById("sticker").src=imgarrug[i];
}
function stickerugout()
{
if (i>imgarr.length-1)
{ i=0}
document.getElementById("sticker").src=imgarr[i];
}

</script>
</head>

<body>
<table>
<tr><td align="right" width="350" valign="bottom">
<img style="position: absolute; z-index: 2000" width="15%" src="images/1stiker0dg.png" >
<img style="position: absolute; z-index: 2500" width="15%" src="" id="sticker" >
<div><img src="images/whitepx.png" width="150"><img style="position: fixed; z-index: 3000;" width="3%" src="images/whitepx.png" onmouseover="stickerug()" onclick="changesticker()" onmouseout="stickerugout()"></div>
<a href"javascript:previous()"> </a>
</td></tr>
</table>

</body>

</html>

Я из документа в другой перенес, здесь формат немного не тот, но загрузки картинки вначале тоже нет

Причем в хроме этого не видно а опера и ie показывают пустое изображение

А что вообще скрипт должен делать? Менять картинки при наведении на ссылку? Попробуйте здесь посмотреть, примерно такая же задача: http://javascript.ru/forum/misc/2429...tml#post145806

Посмотрите здесь что он должен делать он работает, но картинка при первоначальной загрузке, подгружена принудительно и опера и ie незагруженную показывают как пустое изображение http://pimax1978.jino.ru/

УПС, стикеры справа

Наведите на левый нижний угол стикера потом кликните на нем

Аа...) Дошло до меня почему так :)

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