Question

I want an image to be hidden when page just loaded. I can call $('#imgName').show() to show the image.

However, I had

$(document).ready(function() {
    $("#imgName").hide();
});

But the image still flashes right at the start.

How do you get rid of this flashing effect?

Answer 1

This is because javascripts are loaded after html, the nearest possible solution is to use css

img#imgName{display:none}