image onload event not firing

Question

Should this work?

<script type=text/javascript>

    function load_i () {
        img = new Image();
        img.onload = load_e();
        img.src = "whatever.jpg";
    }

    function load_e() { alert("loaded"); }

</script>

Right now the image gets loaded, but apparently the onload event isn't being triggered. Tried it in FF and Chrome.

Answer 1

change:

img.onload = load_e();

to:

img.onload = load_e;

---

With the following line:

img.onload = load_e();

You're calling load_e and assigning the result, undefined , to img.onload .