Przekieruj po załadowaniu obrazów

Ostatnio pracowałem nad witryną. Problemem jest to, że tła dla każdej strony są obrazami, aw rezultacie na wolniejszych połączeniach (w przypadku niektórych odbiorców docelowych) obrazy ładują się stopniowo, gdy są pobierane, do rozwiąż to Próbuję utworzyć stronę wstępnego ładowania, która wykonuje następujące czynności:

Ładuje obrazy

Po zakończeniu ładowania przekierowuje użytkownika na żądaną stronę

<script type="text/javascript">
<!--//--><![CDATA[//><!--
    var images = new Array()
    var count=0;
    function preload() {
        for (i = 0; i < preload.arguments.length; i++) {
            images[i] = new Image()
            images[i].src = preload.arguments[i]
        }
    if(count==4) {
    window.location = "index.html";
    }
    }
    preload(
        "backgrounds/bg1.jpg",
        "backgrounds/bg2.jpg",
        "backgrounds/bg3.jpg",
        "backgrounds/bg4.jpg"
    )
//--><!]]>

Problem polega na tym, że przekierowuje bezpośrednio (zakładam, że po prostu rozpoczyna pobieranie obrazu, a następnie bezpośrednio dodaje do zmiennej licznika, szybko osiągając 4 i nie dając obrazowi czasu na pobranie).

Jakieś pomysły, w jaki sposób mogę sprawić, by sygnalizowało mi to po zakończeniu pobierania obrazów lub wykonywać przekierowanie dopiero po pobraniu obrazów?

questionAnswers(2)

yourAnswerToTheQuestion