Here is my question: What is the solution to this? I want a situation whereby a user will still see the image even when js is disabled in his browser. I dont want the image to slide in at this point, but I want it just to load and show like any other thing on the webpage.
Go with the other direction. Hide it using JS to start with.
IE, something along these lines: You have your class `hide`. Rather than starting with the image having the class `hide` in the HTML, make one of your first JS calls be to apply the class `hide` to the relevant image(s). That way, if JS is turned off, it still shows.
When i disabled js in my browser, the image as expected did not show up at all. But I have used noscript tag to display the image to block.
@CroCodillon, I think noscript option is far simpler in this case. What you think.