При реализации какого-нибудь навороченного графического веб-интерфейса бывает нужно сделать предварительную загрузку картинок, чтобы ничего не мигало и не дергалось. Есть простой способ это сделать практически автоматически. (Предполагается, что все картинки определены в 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, но все то же самое можно сделать и без него.