Пред-загрузка картинок на JavaScript

При реализации какого-нибудь навороченного графического веб-интерфейса бывает нужно сделать предварительную загрузку картинок, чтобы ничего не мигало и не дергалось. Есть простой способ это сделать практически автоматически. (Предполагается, что все картинки определены в CSS.)

new Ajax.Request('./main.css', {
  asynchronous: false,
  onSuccess: function(response) {
    response.responseText.split(/(images\/[^']+)/).each(function(img) {
      if (img.match(/images/))
        new Image().src = img;
    });
  }
});

Код использует prototype, но все то же самое можно сделать и без него.

1 комментарий:

Анонимный комментирует...

Круто!
Алексей.