Показать сообщение отдельно
  #6 (permalink)  
Старый 03.08.2013, 18:54
Аватар для VINRARUS
Аспирант
Отправить личное сообщение для VINRARUS Посмотреть профиль Найти все сообщения от VINRARUS
 
Регистрация: 01.07.2013
Сообщений: 36

Сообщение от Ruslan_xDD
упс, я кое что упустил, вот:
Спасибо, теперь код мечты выглядит так:
<script>
var NUM = "1";
var IMG = ['http://vinrarus.ucoz.net/D.gif', 'http://vinrarus.ucoz.net/D1.png', 'http://vinrarus.ucoz.net/D2.png', 'http://vinrarus.ucoz.net/D3.png', 'http://vinrarus.ucoz.net/D4.png', 'http://vinrarus.ucoz.net/D5.png']; //Ссылки к изображениям
function LOAD() {
var OMG = IMG[NUM];
	 var preloadedImg = new Image();
	 preloadedImg.alt = '';
     preloadedImg.src = OMG;
   preloadedImg.onload = function() {
	 var DIVI = 'IMG-'+NUM;
	 document.getElementById(DIVI).innerHTML = "<img src='"+IMG[NUM]+"' alt='' width='50' height='50'>";
	 NUM++;
	 setTimeout(LOAD,100);
	 }
}
setTimeout(LOAD,100);

</script>
<span id='IMG-1'><img src='' alt='Loading...' width='50' height='50' ></span >
<span id='IMG-2'><img src='' alt='Loading...' width='50' height='50' ></span >
<span id='IMG-3'><img src='' alt='Loading...' width='50' height='50' ></span >
<span id='IMG-4'><img src='' alt='Loading...' width='50' height='50' ></span >
<span id='IMG-5'><img src='' alt='Loading...' width='50' height='50' ></span >

А задержка нужна по 2м причинам:
1) просто красиво когда картинки постепенно появляются
2) для браузера легче, появляется время что бы отмаштабировать
Ответить с цитированием