[Javascript] Image Preload

[g4wx3]

Sorry voor de vraag. Er bestaan al taloze image preloaders, maar heb nog nooit een degelijk preloader kunnen maken.
In onderstaand script van mij heb ik een preloader, die 1 voor 1 de afbeeldingen zou moeten binnenhalen. en wanneer dat gedaan is, een andere functie oproepen. (anders heeft de preloader geen zin)

nu heb ik een timeout gezet, omdat ik niet weet wanneer de afbeeldingen binnen zijn.
Hoe kan ik dat achterhalen? Is mijn script wel goed?

JavaScript:

var preloadimages = 
{
    images : [],
    cache: [],
    i : 0,
    ready : false,
    callback : "",
    add: function(img)
    {
        this.images.push(img)
    },
    onready: function(fn)
    {
        this.callback = fn;
        this.init();
    },
    init: function()
    {
        var cacheImage = document.createElement('img');
        cacheImage.src = this.images[this.i];
        this.cache.push(cacheImage);
        setTimeout("preloadimages.done()",300)
    },
    done: function(cacheImage)
    {   
        if(!$(cacheImage).ready())
        setTimeout("preloadimages.done()",300)
        else
        {
            this.i++;
            if(this.i<preloadimage.images.length)
            this.init();
            else
            setTimeout("preloadimages.callback()",20)       
        }
    }
}

function kiosk_init()
{
    kiosk.getSlides();
    theater.modus('preview');
    panel.listLayers();
    preloadimages.onready(kiosk_launch);
}
function kiosk_launch()
{
    theater.play();
}

[RobIII]

Soory, maar zo werkt het hier niet en dat weet je inmiddels donders goed. Ik kan je wel voor de zoveelste keer naar de Quickstart verwijzen maar die weet je prima zelf te vinden lijkt me zo.

Meer linkjes:
Help, mijn script werkt niet (goed)
Kan iemand even...?

g4wx3 schreef op zondag 19 juni 2011 @ 17:23:
nu heb ik een timeout gezet, omdat ik niet weet wanneer de afbeeldingen binnen zijn.

[google=javascript detect image load]

Je bent al even met "vakantie" geweest van GoT, zorg nou alsjeblieft dat we je niet wéér op vakantie moeten sturen.

Inhoudelijk: Je noemt nergens jQuery maar lijkt wel jQuery functies te gebruiken

JavaScript:

 if(!$(cacheImage).ready()) 

Dus mijn eerste vraag: heb je überhaupt jQuery wel geladen of heb je gewoon willekeurige code van 't web lopen knippen / plakken? En het zou fijn zijn als je topic een concreet probleem bevatte; ik zie nergens dat je code niet werkt noch specifieke foutmeldingen. Ik lees alleen "Is mijn script wel goed?". We zijn geen persoonlijke debug-service die even voor je op zoek gaat, lekker speuren, naar eventuele fouten. Noch zijn we hier een rate-my-code.

Sorry voor 't antwoord

[ Voor 109% gewijzigd door RobIII op 19-06-2011 17:43 ]