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.
This reply has been reported for inappropriate content.
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.