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.
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.
It may be just one line but if you let bad habits creep in once, twice, then the next thing you know you have a web project littered with inline styles because you couldn’t bother to externalize the different aspects of your site properly.
What he said, plus it’s easier to organize your CSS if it’s actually in one place instead of having styles all over the place which makes it harder to maintain and more error prone. By the way internal styles are not the same as inline (as in style attribute) styles, but that’s a sidenote :)