Загрузка изображений на странице?

Question

[Habitat Horsewithyou]

есть код

<img id='im'  class='imgkilltime' src='1.gif'>
                                    <SCRIPT type='text/javascript'>
                                     temp = new Image();
                                     temp.onload=function(){
                                     document.getElementById('im').src='2.jpg';
                                    }

но изображение дальше gif не уходит(

Answer 1

[Yevgeniy Kisselyov]

<img id='im'  class='imgkilltime' src='1.gif'>
                                    <SCRIPT type='text/javascript'>
                                     temp = new Image();
                                     temp.src = '2.jpg';
                                     temp.onload=function(){
                                     document.getElementById('im').src=temp.src;
                                    }

Comments

[Habitat Horsewithyou]

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

[Yevgeniy Kisselyov]

Habitat Horsewithyou: Я никак не гружу, я показал пример по вашему коду.
Несколько изображений можно циклом например. Просто хотел показать принцип почему не работал temp.onload

[Yevgeniy Kisselyov]

Habitat Horsewithyou: Для вашей задачи вообще можно вообще по другому решение сделать.
Например показывать поверх всех изображений определенный div с определенным классом с картинкой загрузчика внутри, а после загрузки всей страницы все эти дивы по классу прятать.

[Habitat Horsewithyou]

Yevgeniy Kisselyov: но хотелось бы каждое изображение загружать )) ну как бы красиво чтобы было)

[Habitat Horsewithyou]

Yevgeniy Kisselyov: если я выгружаю несколько изображение с разным id он мне выгружает одно и то же

<img id='img1'  class='imgkilltime' src='1.gif'>
                                    <script type='text/javascript'>
                                     temp = new Image();
                                     temp.src = '2.jpg';
                                     temp.onload=function(){
                                     document.getElementById('img1').src=temp.src;
                                    }
                                    </script>
<img id='img2'  class='imgkilltime' src='1.gif'>
                                    <script type='text/javascript'>
                                     temp = new Image();
                                     temp.src = '3.jpg';
                                     temp.onload=function(){
                                     document.getElementById('img2').src=temp.src;
                                    }
                                    </script>

[Habitat Horsewithyou]

Yevgeniy Kisselyov: точнее последнее

[Habitat Horsewithyou]

Habitat Horsewithyou: спасибо разобрался

Answer 2

[Negwereth]

Так вы в temp и не грузите ничего, с чего бы коллбеку срабатывать.

Comments

[Habitat Horsewithyou]

извиняюсь но как поступить? немного не понял((((

[Negwereth]

Habitat Horsewithyou: Давайте по порядку.
Расскажите мне, что именно вы хотите сделать, поясните свой скрипт. Потом я укажу на ошибки.

[Habitat Horsewithyou]

Negwereth: хочу отобразить gif анимацию пока грузится фотография на странице

[Negwereth]

Habitat Horsewithyou: Вот. Но скрипт ваш этого не делает. Вы создаёте новый объект img и слушаете его загрузку. Но вы в этот объект никакой картинки и не грузите. Вставьте после строки с new Image 'temp.src = "2.jpg"'