Загрузка картинок

dostel1 · February 20, 2012

Привет люди!

Можно пример работы onload|complete для картинок?

Припустим есть 3 картинки.Когда загрузится первая картинка вызать alert('1'),когда вторая alert('2'),третья -alert('3').

Дурацкий код получается.3 alert выводятся сразу.

Для тега img события onload нету <img onload="" >? :blink:


<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
</head>

<body>
<div id="one">
</div>
<script>
function apend(adresa,pm){
ima=new Image()
ima.src=adresa	
document.getElementById('one').appendChild(ima)	
ima.onload=function (){
alert(pm)	

}
}
apend('2.jpeg','pm1')
apend('1.jpg','pm2')
apend('3.jpg','pm3')
</script>
</body>
</html>

Edited February 20, 2012 by dostel1

K313 · February 20, 2012

вы же сами применяете onload...

а как ещё по вашему должны выводиться алерты?

dostel1 · February 20, 2012

ну я хочу чтобы после загрузки 1 картинки выводилось alert('1') ,а остальные картинки были не загружены ,пока не нажму "OK" в окне с ALERT

Edited February 20, 2012 by dostel1

K313 · February 20, 2012

ха ха,

- загрузка изображения производится асинхронно к яваскрипт

- и вообще порядок загрузки элементов определяет сам браузер, и если вы ему указываете сразу 3 изображения для загрузки, то это совсем не значит что он сначала загрузит первое, потом второе и т. д.

Поэтому как вы хотите, в первом изображении по onload="агрузить img2", а в img2 onload="загрузить img3", ....

Great Rash · February 21, 2012

Как то так:


var imgs = ['i_1.jpg', 'i_2.jpg'];

function loadImage(imgs, count) {
  if (count > imgs.length) return;

  var i = new Image();
  i.width = 100;
  i.height = 100;
  i.src = imgs[count];
  i.onload = function() {
    document.body.appendChild(i);
    loadImage(imgs, ++count);
  }
}

loadImage(imgs, 0);

dostel1 · February 21, 2012

Great Rash интересный способ,пасиб

Sign In

Загрузка картинок

Question

dostel1

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

K313

Link to comment

Share on other sites

dostel1

Link to comment

Share on other sites

K313

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

dostel1

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information