Здравствуйте, подскажите как через javascript узнать загрузилась ли на странице картинка <img src='img.jpg'> полностью, чтобы после загрузки этой картинки запустить некую функцию. Допустим если картинка загрузилась то onload='my_function()'.
Подскажите, как такое осуществить?
1. Maskca - 01 Октября, 2011 - 21:11:32 - перейти к сообщению
2. LIME - 01 Октября, 2011 - 23:34:11 - перейти к сообщению
3. reslear - 02 Октября, 2011 - 18:36:12 - перейти к сообщению
onload.
4. Maskca - 02 Октября, 2011 - 20:34:19 - перейти к сообщению
А можно ли это
приспособить для нескольких картинок, допустим если здесь img.src = ... сделать цикл и выводить ссылки на картинки с бд, или нужно делать цикл для всего скрипта?CODE (javascript):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <script type="text/javascript">
- function loadImage() {
- var img = new Image();
- img.onload = function() {
- document.getElementById('cont').appendChild(img);
- };
- img.src = 'http://t3.gstatic.com/images?q=tbn:ANd9GcRVlTBm0yS6FNxuVEcB3y4NX25EmbyeNmDA-wiM62g5fSSTR_g4';
- }
- </script>
- <div id="cont"></div>
- <button onclick="loadImage()">Load</button>
(Добавление)
Или как узнать загрузилась ли страница полностью что то типа <body onload=''>, но у меня картинки загружаются через ajax и <body onload=''> работает не корректно.
Или можно ли узнать загрузились ли все картинки на странице?