Предзагрузка графики и плавное "появление" к бэкграунда

[nezzgraba]

Не пинайте сильно. Я в джаваскрипте ноль. Сейчас у меня по таймеру меняется бекграунд через каждый N секунд. Но при небыстром интернете это происходит равно, не всегда картинка успевает догрузиться и грузится следующая.

Наглядно: собтвенно сам сайт

Нужно:

план минимум: устранить "равнность" - например предзагрузкой шести вариаций бекгрануда в кеш браузера как вариант

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

В какую сторону смотреть? может есть готовые решения?

Заранее очень благодарен за любые подсказки.

Edited January 22, 2013 by nezzgraba

[npofopr]

положить картинки в скрытый блок на страницу :-) они вам и загрузятся )

И не знаю про беграунд, но слайдер у вас есть.

Посмотрите на другие слайдеры.

[Николя223]

избитая тема, но JS ище и кэширует изображения.

все просто

var myfoto = new Array();
myfoto[1] = new image();
myfoto[1].src="/fff/image-1.jpg";
myfoto[2] = new image();
myfoto[2].src="/fff/image-2.jpg";

сообственно и всё..

[wwt]

На сайте подключен фреймворк Prototype, можно еще вот так с циклом чтоб не плодить код:

[
   "/img-1.jpg",
   "/img-2.jpg",
   "/img-3.jpg",
   "/img-4.jpg",
   "/img-5.jpg"
].each(function(url){
   new Image().src = url;
});

Edited January 23, 2013 by wwt

[nezzgraba]

Все три ответа хороши! Спасибо. Однако я не учел еще один момент - картинка бекграунда у меня генерируется динамично средствами php и не кешируется походу..

Прийдется менять всё глубже. Спасибо всем большое