Полезные заметки по веб-программированию PHP, Symfony, Propel, Doctrine, JS, jQuery, ExtJS, HTML, CSS, …

<div class="img-container">
  <div class="loading img1">
    Loading, pls wait! 
  </div>
  <div class="img img1"></div>
</div>
<div class="img-container">
  <div class="loading img2">
    Loading, pls wait! 
  </div>
  <div class="img img2"></div>
</div>

function loadImg(imgs) {
  var img = imgs.shift();
  if (img != undefined) {
    $('div.img.' + img[0]).html('').append(
      $('<img>').attr('src', img[1]).load(function() {
        $('div.loading.' + img[0]).hide();
        $('div.img.' + img[0]).show('slow');
        loadImg(imgs);
      })
    );
  }
}
 
var imgs = new Array(['img1', 'img1.png'],['img2', 'img2.png']);
 
$(document).ready(function() {
  loadImg(imgs);
});