Question

image = document.createElement("image");
image.src ="http://jsfiddle.net/img/logo.png";
e = document.getElementById('id');
$(image).load(function() {
    $(image).hide();
    e.appendChild(image);
    $(image).fadeIn(1000);
});     

What makes this code to run only in Chrome?
http://jsfiddle.net/QLFf3/1/

Answer 1

You need to create an “img” element. There is no native element called “image”

Edit
Since it appears you are using jQuery, you can just do this:

$('<img/>')
    .attr('src', 'http://jsfiddle.net/img/logo.png')
    .css({display:'none'})
    .appendTo('body')
    .load(function(){
        $(this).fadeIn(1000);
    });

Of course, the .appendTo() bit needs to target whatever place in DOM you are aiming for.