Question

I’m trying to hide an img tag so that I can later display it with jquery once page has fully loaded.

The image loads as a tag:

<img id="img1" src="images/4main.jpg" width="600" height="900" > 

I have css to hide img:

 #img1 { display:none; } 

in my external js file I have

window.onload = function() {
    $("#img1").css('display', 'block !important');
}

This works fine on all browsers except ie7 and ie8. The image remains hidden.

I need the jquery because I want to resize the file before it displays.

Any ideas as to get it to show on ie7 & ie8?

Answer 1

Change your jQuery to this:

window.onload = function() {
    $("#img1").show();
}

or

$(window).load(function() {
    $("#img1").show();
})